Input Email
Discover how Bubble.io's Input Email feature empowers solopreneurs to create secure and user-friendly no code SaaS applications, enabling efficient data collection and communication with customers through customizable email input fields.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a28f340aa3e6e3a5b67_SSd7dP_6dVE-HD.jpeg)
How To Create a Lead Generation Form In Bubble for a B2B App
In this Bubble.io tutorial video we show how to create a simple lead generation form in your Bubble.io app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a4be7d6235582eadf77_How-to-display-a-users-name-on-a-page-Bubble.io_.png)
How to display a user's name on a page
In this Bubble.io tutorial, we'll guide you through displaying a user's name on a page in your Bubble app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a16708bfa14a4bd75ea_thumbnail_15789660.png)
Import Figma Design Into Bubble
In this Bubble.io tutorial video we show how to manually design your Bubble app using a Figma UI Kit.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a2479bc3aa087616f58_cKHhWvx2lL0-HD.jpeg)
Introduction to Auto-Binding Fields In Bubble.io
In this Bubble.io tutorial video we explore why auto-binding fields can save you time and discuss the UX advantages and disadvantages of doing so.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a243fc51aa36bd34314_kTPghopzvMY-HD.jpeg)
Responsive Engine: adding overlay icon in text Input
In this Bubble.io tutorial video we explore one way to add icons to your text Input fields in your Bubble.io app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a255bf15a0fa66e0d9d_gFj8U4gHQ9I-HD.jpeg)
Responsive Engine: adding overlay icon in text Input V2
In this Bubble tutorial video we explore one way to adding a Font Awesome icon to your text Input fields.
Explore more of our no code tutorials
Discover more Bubble tutorials
Start building your No Code SaaS with Bubble.io & Planet No Code
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a3514d35c990d3b83f8_maxresdefault-8.jpeg)
Web scraping with Page2API Premium Proxy
In this Bubble.io tutorial video we demonstrate how to use the Page2API API to web scrape content from a website by pretending the visitor is from a different country using Page2API's Premium Proxy.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a678a5ccd867a87e535_Keyboard-Navigation.png)
How to add navigate a table with the arrow keys (Up Down Enter)
In this Bubble tutorial video we demonstrate how to use the arrow keys to navigate a table in Bubble.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670aa56c2b1a653a2e393b_Thumbnails-by-Emily.png)
Demo of Return Data from Custom Events
Learn how to effectively create functions using Bubble.io's new feature called Return Data on custom events in this tutorial video. With reusable elements, you can easily deploy complex calculations and formulas across multiple pages in your app, simplifying your app development process.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a7362ebdfc80f2cc52c_Twitter-Clone-Add-user-profile.png)
Build a Twitter Clone with Bubble.io - User Profiles
In the Bubble tutorial we add user profiles to our Twitter clone. We explain how to user a Bubble app page's Type of Content to create a template for all Twitter users in our app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a1fbf9e180b5192f9a4_jWkp520qcAg-HD.jpeg)
Introduction to using columns & rows in Bubble.io
In this Bubble.io tutorial we demonstrate the importance of using columns and rows (instead of Fixed layout) in the new Bubble Responsive engine. If you're a Bubble beginner this is a great video to start with as understanding these key concepts will save you lots of time as you build more pages into your no-code web app.
![](https://cdn.prod.website-files.com/6659f119bb64f1f63f34e4ba/66670a37877d45c5e1bbf461_How-to-create-a-drag-and-drop-gallery-in-Bubble.png)
How to create a drag and drop gallery in Bubble
In this Bubble.io tutorial video we demonstrate how to create a drag and drop gallery and multi-image uploader using the 'Drag & Drop Repeating Group' plugin by Minimum Studio. This can be a useful element for building a dating or social media app.