{"id":79753,"date":"2025-03-22T15:13:04","date_gmt":"2025-03-22T15:13:04","guid":{"rendered":"https:\/\/fahimai.com\/?p=79753"},"modified":"2026-04-03T12:33:54","modified_gmt":"2026-04-03T09:33:54","slug":"how-to-use-bubble","status":"publish","type":"post","link":"https:\/\/www.fahimai.com\/de\/how-to-use-bubble","title":{"rendered":"How to Use Bubble IO: Launch an App Effortlessly in 2026"},"content":{"rendered":"\n<h2 id='quick-start'  id=\"boomdevs_1\" class=\"wp-block-heading\">Quick Start<\/h2>\n\n\n\n<div class=\"wp-block-group quick-start-logo is-layout-flow wp-block-group-is-layout-flow\"><style>.kb-image6246_ffa832-e2.kb-image-is-ratio-size, .kb-image6246_ffa832-e2 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image6246_ffa832-e2.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image6246_ffa832-e2 .kb-image-is-ratio-size{align-self:unset;}.kb-image6246_ffa832-e2 figure{max-width:350px;}.kb-image6246_ffa832-e2 .image-is-svg, .kb-image6246_ffa832-e2 .image-is-svg img{width:100%;}.kb-image6246_ffa832-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6246_ffa832-e2\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6.png\" alt=\"bubble cta \" class=\"kb-img wp-image-33345\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6.png 800w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6-480x480.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure><\/div>\n<\/div>\n\n\n\n<p><strong>This guide covers every Bubble feature:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#getting-started-with-bubble\">Getting Started<\/a> \u2014 Create your account and set up the Bubble editor<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-customizable-design\">How to Use Customizable Design<\/a> \u2014 Build your app UI with drag-and-drop components<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-built-in-database\">How to Use Built-in Database<\/a> \u2014 Structure and manage your app data<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-logic-and-workflow\">How to Use Logic &amp; Workflow<\/a> \u2014 Create workflows that power your app actions<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-advanced-ai\">How to Use Advanced AI<\/a> \u2014 Speed up development with Bubble AI tools<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-version-control\">How to Use Version Control<\/a> \u2014 Test new features without breaking your live app<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-security-dashboard\">How to Use Security Dashboard<\/a> \u2014 Set privacy rules and protect user data<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-ai-app-generator\">How to Use AI App Generator<\/a> \u2014 Turn a simple prompt into a working app<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-templates\">How to Use Templates<\/a> \u2014 Start building faster with pre-made app layouts<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-native-mobile-app-builder\">How to Use Native Mobile App Builder<\/a> \u2014 Launch your app on iOS and Android<\/li>\n<\/ul>\n\n\n\n<p><strong>Time needed:<\/strong> 5 minutes per feature<\/p>\n\n\n\n<p><strong>Also in this guide:<\/strong> <a href=\"#bubble-pro-tips-and-shortcuts\">Pro Tips<\/a> | <a href=\"#bubble-common-mistakes-to-avoid\">Common Mistakes<\/a> | <a href=\"#bubble-troubleshooting\">Troubleshooting<\/a> | <a href=\"#bubble-pricing\">Pricing<\/a> | <a href=\"#bubble-vs-alternatives\">Alternatives<\/a><\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Why Trust This Guide<\/p>\n\n\n\n<p>I&#8217;ve used Bubble for over a year and tested every feature covered here. This how to use Bubble IO tutorial comes from real hands-on experience \u2014 not marketing fluff or vendor screenshots.<\/p>\n\n\n\n<p>I&#8217;ve built multiple apps on the platform, tested every plan, and worked through the common errors that trip up new users.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/03\/Fahim-AI-5-26.png\" alt=\"Feature Image\" title=\"\"><\/figure>\n\n\n\n<p>Bubble is one of the most powerful no-code app builders available today.<\/p>\n\n\n\n<p>It lets you build scalable apps for web and mobile \u2014 without writing a single line of code.<\/p>\n\n\n\n<p>But most users only scratch the surface of what it can do.<\/p>\n\n\n\n<p>Whether you&#8217;re a complete beginner or ready to develop your next SaaS product, this guide walks you through every step.<\/p>\n\n\n\n<p>You&#8217;ll learn how to build your first app, master the Bubble editor, and understand the fundamentals that matter.<\/p>\n\n\n\n<p>This guide shows you how to use every major feature.<\/p>\n\n\n\n<p>Step by step, with screenshots and pro tips.<\/p>\n\n\n\n<h2 id='bubble-tutorial'  id=\"boomdevs_2\" class=\"wp-block-heading\">Bubble Tutorial<\/h2>\n\n\n\n<p>This complete Bubble tutorial walks you through every feature step by step, from initial setup to advanced tips that will make you a power user.<\/p>\n\n\n\n<p>If you&#8217;ve been searching for how to use Bubble.io, you&#8217;re in the right place.<\/p>\n\n\n\n<p>This is the most detailed guide on how to use Bubble IO available \u2014 covering every feature from start to end.<\/p>\n\n\n\n<p>Every section below includes clear instructions, screenshots, and real tips from hands-on testing.<\/p>\n\n\n\n<div class=\"wp-block-group cta-box-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns cta-box-inner is-layout-flex wp-container-core-columns-is-layout-3058809c wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column cta-box-left is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group cta-box-logo is-layout-flow wp-block-group-is-layout-flow\"><style>.kb-image6246_ffa832-e2.kb-image-is-ratio-size, .kb-image6246_ffa832-e2 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image6246_ffa832-e2.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image6246_ffa832-e2 .kb-image-is-ratio-size{align-self:unset;}.kb-image6246_ffa832-e2 figure{max-width:350px;}.kb-image6246_ffa832-e2 .image-is-svg, .kb-image6246_ffa832-e2 .image-is-svg img{width:100%;}.kb-image6246_ffa832-e2 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6246_ffa832-e2\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6.png\" alt=\"bubble cta \" class=\"kb-img wp-image-33345\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6.png 800w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/CTA-1-6-480x480.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 800px, 100vw\" \/><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column cta-box-right is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"cta-box-title\">Bubble<\/p>\n\n\n\n<p class=\"cta-box-description\">Build scalable apps without writing a single line of code. Bubble lets you design, develop, and launch web and mobile apps from one editor. Start building your first app free \u2014 no credit card needed.<\/p>\n\n\n\n<div class=\"wp-block-group cta-box-buttons is-layout-flow wp-block-group-is-layout-flow\">\n<p><a class=\"cta-btn cta-btn-primary\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\">TRY BUBBLE NOW \u2192<\/a><\/p>\n\n\n\n<p><a class=\"cta-btn cta-btn-secondary\" href=\"https:\/\/www.fahimai.com\/bubble-app-builder\">READ FULL REVIEW \u2192<\/a><\/p>\n\n\n\n<p><a class=\"cta-btn cta-btn-secondary\" href=\"https:\/\/www.fahimai.com\/bubble-alternatives\">BUBBLE ALTERNATIVES \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 id='getting-started-with-bubble'  id=\"boomdevs_3\" class=\"wp-block-heading\" id=\"getting-started-with-bubble\">Getting Started with Bubble<\/h3>\n\n\n\n<p>Before using any feature, complete this one-time setup.<\/p>\n\n\n\n<p>It takes about 3 minutes.<\/p>\n\n\n\n<p>Watch this quick overview first:<\/p>\n\n\n<!--presto-player:video_id=1715--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #00b3ff); --presto-player-logo-width: 150px; \">\n\t<presto-player \n\t\tpreset='{&quot;id&quot;:1,&quot;name&quot;:&quot;Default&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;icon&quot;:&quot;format-video&quot;,&quot;skin&quot;:&quot;modern&quot;,&quot;play-large&quot;:true,&quot;rewind&quot;:true,&quot;play&quot;:true,&quot;fast-forward&quot;:true,&quot;progress&quot;:true,&quot;current-time&quot;:true,&quot;mute&quot;:true,&quot;volume&quot;:true,&quot;speed&quot;:false,&quot;pip&quot;:false,&quot;fullscreen&quot;:true,&quot;captions&quot;:false,&quot;reset_on_end&quot;:true,&quot;auto_hide&quot;:true,&quot;show_time_elapsed&quot;:false,&quot;captions_enabled&quot;:false,&quot;save_player_position&quot;:true,&quot;sticky_scroll&quot;:false,&quot;sticky_scroll_position&quot;:&quot;bottom right&quot;,&quot;on_video_end&quot;:&quot;select&quot;,&quot;play_video_viewport&quot;:false,&quot;hide_youtube&quot;:false,&quot;lazy_load_youtube&quot;:false,&quot;hide_logo&quot;:false,&quot;border_radius&quot;:0,&quot;caption_style&quot;:&quot;&quot;,&quot;caption_background&quot;:&quot;&quot;,&quot;is_locked&quot;:true,&quot;cta&quot;:[&quot;&quot;],&quot;watermark&quot;:[&quot;&quot;],&quot;search&quot;:[&quot;&quot;],&quot;email_collection&quot;:[&quot;&quot;],&quot;action_bar&quot;:[&quot;&quot;],&quot;created_by&quot;:2,&quot;created_at&quot;:&quot;2024-03-02 00:00:21&quot;,&quot;updated_at&quot;:&quot;2024-03-02 00:00:21&quot;,&quot;deleted_at&quot;:&quot;&quot;}'\n\t\tbranding='{&quot;logo&quot;:&quot;&quot;,&quot;color&quot;:&quot;#00b3ff&quot;,&quot;logo_width&quot;:150,&quot;player_css&quot;:&quot;&quot;}'\n\t\tchapters='[]'\n\t\toverlays='[]'\n\t\ttracks='[]'\n\t\tblock-attributes='{&quot;playsInline&quot;:true,&quot;id&quot;:1715,&quot;src&quot;:&quot;https:\\\/\\\/youtu.be\\\/s84aJalEueE?si=JmFQeAzUjrMDFKWP&quot;,&quot;preset&quot;:1,&quot;video_id&quot;:&quot;s84aJalEueE&quot;,&quot;visibility&quot;:&quot;public&quot;,&quot;color&quot;:&quot;#00b3ff&quot;,&quot;mutedPreview&quot;:{&quot;enabled&quot;:false,&quot;captions&quot;:false},&quot;mutedOverlay&quot;:{&quot;enabled&quot;:false,&quot;src&quot;:&quot;&quot;,&quot;width&quot;:200,&quot;focalPoint&quot;:{&quot;x&quot;:0.5,&quot;y&quot;:0.5}},&quot;mutedOverlayType&quot;:&quot;text&quot;,&quot;mutedOverlayText&quot;:&quot;Click to play&quot;,&quot;mutedOverlayImageWidth&quot;:200,&quot;chapters&quot;:[],&quot;overlays&quot;:[],&quot;tracks&quot;:[],&quot;FlyingPress&quot;:{&quot;lazyRender&quot;:false},&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;title&quot;:&quot;Bubble.io review 2025 | Bubble.io pros and cons&quot;}'\n\t\tanalytics=''\n\t\tautomations\t\tprovider='youtube'\n\t\t\t\tid=\"presto-player-1\"\n\t\tsrc=\"\/\/www.youtube.com\/embed\/s84aJalEueE?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"Bubble.io review 2025 | Bubble.io pros and cons\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-1715 presto-preset-id-1 skin-modern\"\n\t\tskin=\"modern\" \n\t\ticon-url=\"https:\/\/www.fahimai.com\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" \n\t\tpreload=\"\" \n\t\tposter=\"\"\n\t\tyoutube=\"{&quot;noCookie&quot;:false,&quot;channelId&quot;:&quot;&quot;,&quot;show_count&quot;:false}\"\n\t\tprovider-video-id=\"s84aJalEueE\"\n\t\tvideo-id=\"1715\"\n\t\t\t\tvideo-attributes='{}'\n\t\tplaysinline\t\t\t\t>\n\t\t\n    <div class=\"presto-iframe-fallback-container\">\n        <iframe style=\"width: 100%\" title=\"Youtube Video\" class=\"presto-fallback-iframe\" id=\"presto-iframe-fallback-1\" data-src=\"https:\/\/www.youtube.com\/embed\/s84aJalEueE?iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" allowfullscreen allowtransparency allow=\"autoplay\"><\/iframe>\n    <\/div>\n\n\t<\/presto-player>\n<\/figure>\n\n\n<p>Now let&#8217;s walk through each step.<\/p>\n\n\n\n<h4 id='step-1-create-your-account'  id=\"boomdevs_4\" class=\"wp-block-heading\">Step 1: Create Your Account<\/h4>\n\n\n\n<p>Go to bubble.io and click &#8220;Get started for free.&#8221;<\/p>\n\n\n\n<p>Enter your email and create a password.<\/p>\n\n\n\n<p>You can also sign up with your Google account to save time.<\/p>\n\n\n\n<p>Bubble sends a confirmation to your <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/inbox-placement-tool\" title=\"inbox\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91210\" target=\"_blank\" rel=\"noopener\">inbox<\/a> right away.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Check your inbox for a confirmation email and click the link to verify.<\/p>\n\n\n\n<h4 id='step-2-access-the-bubble-editor'  id=\"boomdevs_5\" class=\"wp-block-heading\">Step 2: Access the Bubble Editor<\/h4>\n\n\n\n<p>After signing up, Bubble walks you through a short introduction.<\/p>\n\n\n\n<p>Accept the terms of privacy and agree to continue.<\/p>\n\n\n\n<p>Bubble&#8217;s visual editor opens in your browser \u2014 no download needed.<\/p>\n\n\n\n<p>Here&#8217;s what the dashboard looks like:<\/p>\n\n\n<style>.kb-image6298_f6bf0b-e1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_f6bf0b-e1 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1230\" height=\"649\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-homepage.png\" alt=\"bubble homepage\" class=\"kb-img wp-image-191965\" title=\"\" srcset=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-homepage.png 1230w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-homepage-980x517.png 980w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-homepage-480x253.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1230px, 100vw\" \/><\/figure>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> You should see the main dashboard with your apps listed.<\/p>\n\n\n\n<h4 id='step-3-complete-initial-setup'  id=\"boomdevs_6\" class=\"wp-block-heading\">Step 3: Complete Initial Setup<\/h4>\n\n\n\n<p>Click &#8220;New app&#8221; to create your first app.<\/p>\n\n\n\n<p>Give it a name and choose a blank template or a starter layout.<\/p>\n\n\n\n<p>Bubble opens the Design Tab where you can start building your UI.<\/p>\n\n\n\n<p>Take a few minutes to explore the left sidebar \u2014 you&#8217;ll find tabs for Design, Workflow, Data, and Settings.<\/p>\n\n\n\n<p>These four tabs are the core of the Bubble editor and where you&#8217;ll spend most of your time.<\/p>\n\n\n\n<p>Bubble also offers a series of walkthroughs inside the editor to help you understand each section.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Done:<\/strong> You&#8217;re ready to use any feature below.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-customizable-design'  id=\"boomdevs_7\" class=\"wp-block-heading\" id=\"how-to-use-bubble-customizable-design\">How to Use Bubble Customizable Design<\/h3>\n\n\n\n<p><strong>Customizable Design<\/strong> lets you build your app&#8217;s user interface without writing code.<\/p>\n\n\n\n<p>Everything from buttons and text to images and forms can be placed with drag-and-drop.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Customizable Design in action:<\/p>\n\n\n<style>.kb-image6298_12c097-e1 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_12c097-e1 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/4-52.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6302\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/4-52.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/4-52-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/4-52-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-open-the-design-tab'  id=\"boomdevs_8\" class=\"wp-block-heading\">Step 1: Open the Design Tab<\/h4>\n\n\n\n<p>Click the &#8220;Design&#8221; tab in the left sidebar of the Bubble editor.<\/p>\n\n\n\n<p>This is where you place all visual elements for your app.<\/p>\n\n\n\n<p>The Design Tab in the Bubble editor allows placing visual elements and ensures responsive design for mobile and desktop.<\/p>\n\n\n\n<p>You&#8217;ll see a blank canvas on the right and a panel of element types on the left.<\/p>\n\n\n\n<h4 id='step-2-add-visual-elements'  id=\"boomdevs_9\" class=\"wp-block-heading\">Step 2: Add Visual Elements<\/h4>\n\n\n\n<p>Drag and drop components like text, buttons, images, and containers onto the canvas.<\/p>\n\n\n\n<p>Use containers to group related elements together.<\/p>\n\n\n\n<p>The Design Tab ensures responsive design for both mobile and desktop views.<\/p>\n\n\n\n<p>Here&#8217;s what this looks like:<\/p>\n\n\n<style>.kb-image6298_697822-51 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_697822-51 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1248\" height=\"516\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-top-benefits.png\" alt=\"bubble top benefits\" class=\"kb-img wp-image-191967\" title=\"\" srcset=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-top-benefits.png 1248w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-top-benefits-980x405.png 980w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-top-benefits-480x198.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1248px, 100vw\" \/><\/figure>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Your elements should appear on the canvas and resize when you switch between device views.<\/p>\n\n\n\n<h4 id='step-3-style-your-components'  id=\"boomdevs_10\" class=\"wp-block-heading\">Step 3: Style Your Components<\/h4>\n\n\n\n<p>Click any element to open its settings panel on the right.<\/p>\n\n\n\n<p>Adjust fonts, colors, padding, and alignment to match your design.<\/p>\n\n\n\n<p>Save reusable styles to keep your UI consistent across pages.<\/p>\n\n\n\n<p>You can also set conditional formatting \u2014 for example, change a button&#8217;s color when a user hovers over it.<\/p>\n\n\n\n<p>Bubble gives you full control over every pixel of your app&#8217;s appearance.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> You&#8217;ve built a custom app interface with limitless possibilities for layout and design.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Use Bubble&#8217;s reusable elements to create headers and footers once, then share them across every page of your app.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-built-in-database'  id=\"boomdevs_11\" class=\"wp-block-heading\" id=\"how-to-use-bubble-built-in-database\">How to Use Bubble Built-in Database<\/h3>\n\n\n\n<p><strong>Built-in Database<\/strong> lets you structure and manage all your app data in one place.<\/p>\n\n\n\n<p>No external database setup is needed \u2014 everything lives inside your Bubble project.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Built-in Database in action:<\/p>\n\n\n<style>.kb-image6298_46a9fc-26 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_46a9fc-26 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/6-51.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6304\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/6-51.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/6-51-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/6-51-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-open-the-data-tab'  id=\"boomdevs_12\" class=\"wp-block-heading\">Step 1: Open the Data Tab<\/h4>\n\n\n\n<p>Click the &#8220;Data&#8221; tab in the left sidebar of the Bubble editor.<\/p>\n\n\n\n<p>This is where you define data types and fields for your database.<\/p>\n\n\n\n<h4 id='step-2-create-data-types-and-fields'  id=\"boomdevs_13\" class=\"wp-block-heading\">Step 2: Create Data Types and Fields<\/h4>\n\n\n\n<p>Click &#8220;New type&#8221; and name it (for example, &#8220;Product&#8221; or &#8220;User Profile&#8221;).<\/p>\n\n\n\n<p>Add fields like text, number, date, or image to define what data each record holds.<\/p>\n\n\n\n<p>Define data types and fields in the Data Tab to structure your app data effectively.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Your new data type should appear in the left panel with all its fields listed.<\/p>\n\n\n\n<h4 id='step-3-add-and-view-records'  id=\"boomdevs_14\" class=\"wp-block-heading\">Step 3: Add and View Records<\/h4>\n\n\n\n<p>Switch to the &#8220;App data&#8221; sub-tab to see your records.<\/p>\n\n\n\n<p>Click &#8220;New entry&#8221; to add sample data manually.<\/p>\n\n\n\n<p>You can also connect your database to forms on the front end so users can create records themselves.<\/p>\n\n\n\n<p>Bubble&#8217;s database management features allow you to structure and manage data intuitively.<\/p>\n\n\n\n<p>Each record is stored securely and can be searched, filtered, and displayed in repeating groups on your pages.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> Your app now has a working database ready to store and display content.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Set privacy rules immediately after creating data types to protect user data and avoid security gaps later.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-logic-workflow'  id=\"boomdevs_15\" class=\"wp-block-heading\" id=\"how-to-use-bubble-logic-and-workflow\">How to Use Bubble Logic &amp; Workflow<\/h3>\n\n\n\n<p><strong>Logic &amp; Workflow<\/strong> lets you create actions that trigger in response to user events.<\/p>\n\n\n\n<p>Workflows are how you turn a static design into a living, interactive app.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Logic &amp; Workflow in action:<\/p>\n\n\n<style>.kb-image6298_4296ae-db .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_4296ae-db size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/5-52.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6303\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/5-52.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/5-52-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/5-52-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-open-the-workflow-tab'  id=\"boomdevs_16\" class=\"wp-block-heading\">Step 1: Open the Workflow Tab<\/h4>\n\n\n\n<p>Click the &#8220;Workflow&#8221; tab in the Bubble editor sidebar.<\/p>\n\n\n\n<p>Use the Workflow Tab to create logic that triggers actions in response to events.<\/p>\n\n\n\n<h4 id='step-2-set-a-trigger-event'  id=\"boomdevs_17\" class=\"wp-block-heading\">Step 2: Set a Trigger Event<\/h4>\n\n\n\n<p>Click &#8220;Click here to add an event&#8221; and choose a trigger.<\/p>\n\n\n\n<p>Common triggers include button clicks, page loads, and form submissions.<\/p>\n\n\n\n<p>Each workflow starts with one event and can run multiple actions.<\/p>\n\n\n\n<p>Here&#8217;s what this looks like:<\/p>\n\n\n<style>.kb-image6298_48b292-0f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_48b292-0f size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/2-51.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6300\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/2-51.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/2-51-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/2-51-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Your workflow event should appear in the workflow canvas with a green header.<\/p>\n\n\n\n<h4 id='step-3-add-actions-to-your-workflow'  id=\"boomdevs_18\" class=\"wp-block-heading\">Step 3: Add Actions to Your Workflow<\/h4>\n\n\n\n<p>Click &#8220;Click here to add an action&#8221; under your trigger.<\/p>\n\n\n\n<p>Choose from actions like &#8220;Create a new thing,&#8221; &#8220;Navigate to page,&#8221; or &#8220;Send email.&#8221;<\/p>\n\n\n\n<p>Stack multiple actions to build complex app logic that runs in sequence.<\/p>\n\n\n\n<p>You can also add conditions to each action so it only fires when specific criteria are met.<\/p>\n\n\n\n<p>Workflows are the backbone of every Bubble app \u2014 master them and you can build almost anything.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> Your app now responds to user actions with custom workflows.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Use conditional logic on actions to control when they fire \u2014 for example, only send a welcome email if the user is new.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-advanced-ai'  id=\"boomdevs_19\" class=\"wp-block-heading\" id=\"how-to-use-bubble-advanced-ai\">How to Use Bubble Advanced AI<\/h3>\n\n\n\n<p><strong>Advanced AI<\/strong> lets you speed up app development with AI-powered tools built into the editor.<\/p>\n\n\n\n<p>Bubble AI can generate entire page layouts, database structures, and workflows from a text prompt.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Advanced AI in action:<\/p>\n\n\n<style>.kb-image6298_30b8da-bf .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_30b8da-bf size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/8-45.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6306\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/8-45.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/8-45-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/8-45-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-access-bubble-ai-features'  id=\"boomdevs_20\" class=\"wp-block-heading\">Step 1: Access Bubble AI Features<\/h4>\n\n\n\n<p>Look for the AI icon or prompt bar inside the Bubble editor.<\/p>\n\n\n\n<p>Bubble AI helps you create pages, workflows, and database structures from natural language.<\/p>\n\n\n\n<h4 id='step-2-describe-what-you-want-to-build'  id=\"boomdevs_21\" class=\"wp-block-heading\">Step 2: Describe What You Want to Build<\/h4>\n\n\n\n<p>Provide a detailed natural language prompt to the AI.<\/p>\n\n\n\n<p>Describe your app features, pages, and data needs in plain English.<\/p>\n\n\n\n<p>The more specific your prompt, the better the AI output will be.<\/p>\n\n\n\n<p>For example, instead of &#8220;build me a website,&#8221; try &#8220;build a task management app with user login, project boards, and due dates.&#8221;<\/p>\n\n\n\n<p>The AI generates a blueprint you can refine inside the editor.<\/p>\n\n\n\n<p>Bubble&#8217;s AI-powered tools help you generate and refine app structures quickly, saving hours of manual setup.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> The AI should generate a page layout or workflow based on your prompt.<\/p>\n\n\n\n<h4 id='step-3-refine-the-ai-output'  id=\"boomdevs_22\" class=\"wp-block-heading\">Step 3: Refine the AI Output<\/h4>\n\n\n\n<p>Review the generated elements and adjust anything that doesn&#8217;t fit.<\/p>\n\n\n\n<p>You can re-prompt the AI or manually edit components in the Design Tab.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> You&#8217;ve used Bubble AI to build app components in minutes instead of hours.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Be specific in your AI prompts \u2014 include details like &#8220;a dashboard with a chart showing monthly sales&#8221; instead of just &#8220;a dashboard.&#8221;<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-version-control'  id=\"boomdevs_23\" class=\"wp-block-heading\" id=\"how-to-use-bubble-version-control\">How to Use Bubble Version Control<\/h3>\n\n\n\n<p><strong>Version Control<\/strong> lets you test new features safely without affecting your live app.<\/p>\n\n\n\n<p>This is essential when you&#8217;re working with a team or making big changes to a production app.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Version Control in action:<\/p>\n\n\n<style>.kb-image6298_34ee63-86 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_34ee63-86 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/7-47.png\" alt=\"Bubble App Builder\" class=\"kb-img wp-image-6305\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/7-47.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/7-47-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/7-47-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-understand-development-vs-live'  id=\"boomdevs_24\" class=\"wp-block-heading\">Step 1: Understand Development vs Live<\/h4>\n\n\n\n<p>Bubble separates your app into &#8220;Development&#8221; and &#8220;Live&#8221; versions.<\/p>\n\n\n\n<p>Changes you make in the editor stay in Development until you deploy.<\/p>\n\n\n\n<h4 id='step-2-create-custom-branches'  id=\"boomdevs_25\" class=\"wp-block-heading\">Step 2: Create Custom Branches<\/h4>\n\n\n\n<p>On paid plans, click &#8220;Version Control&#8221; in the editor to create branches.<\/p>\n\n\n\n<p>Each branch is a separate copy where you can develop features independently.<\/p>\n\n\n\n<p>This is essential for team development and testing new ideas.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Your new branch should appear in the branch dropdown at the top of the editor.<\/p>\n\n\n\n<h4 id='step-3-merge-and-deploy'  id=\"boomdevs_26\" class=\"wp-block-heading\">Step 3: Merge and Deploy<\/h4>\n\n\n\n<p>When your feature is ready, merge the branch back into the main version.<\/p>\n\n\n\n<p>Review all changes before merging to avoid introducing bugs.<\/p>\n\n\n\n<p>Click &#8220;Deploy to Live&#8221; to push your tested changes to production.<\/p>\n\n\n\n<p>Version control is critical for team development \u2014 it keeps everyone&#8217;s work separate until it&#8217;s ready.<\/p>\n\n\n\n<p>This practice protects your live app from unfinished features breaking things for real users.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> You&#8217;ve safely tested and deployed new features using version control.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Always use Preview Mode to test your app in a real browser environment before deploying to live.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-security-dashboard'  id=\"boomdevs_27\" class=\"wp-block-heading\" id=\"how-to-use-bubble-security-dashboard\">How to Use Bubble Security Dashboard<\/h3>\n\n\n\n<p><strong>Security Dashboard<\/strong> lets you set privacy rules and protect your users&#8217; data.<\/p>\n\n\n\n<p>Data security is one of the most important \u2014 and most overlooked \u2014 parts of building an app.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Security Dashboard in action:<\/p>\n\n\n<style>.kb-image7c3888_90bbb9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image7c3888_90bbb9 size-large\"><img decoding=\"async\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-security.png\" alt=\"Bubble Security Dashboard\" class=\"kb-img\" title=\"\"><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-open-privacy-settings'  id=\"boomdevs_28\" class=\"wp-block-heading\">Step 1: Open Privacy Settings<\/h4>\n\n\n\n<p>Go to the &#8220;Data&#8221; tab and click the &#8220;Privacy&#8221; sub-tab.<\/p>\n\n\n\n<p>This is where you control who can read, write, and search your data.<\/p>\n\n\n\n<h4 id='step-2-set-privacy-rules-for-each-data-type'  id=\"boomdevs_29\" class=\"wp-block-heading\">Step 2: Set Privacy Rules for Each Data Type<\/h4>\n\n\n\n<p>Select a data type and click &#8220;Define a new rule.&#8221;<\/p>\n\n\n\n<p>Set conditions like &#8220;Only the creator can view this&#8221; or &#8220;Logged-in users only.&#8221;<\/p>\n\n\n\n<p>Set privacy rules immediately after creating data types to enhance data security.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Each data type should show its privacy rules in the settings panel.<\/p>\n\n\n\n<h4 id='step-3-review-the-security-dashboard'  id=\"boomdevs_30\" class=\"wp-block-heading\">Step 3: Review the Security Dashboard<\/h4>\n\n\n\n<p>Open Settings and navigate to the &#8220;General&#8221; or &#8220;Security&#8221; section.<\/p>\n\n\n\n<p>Enable two-factor authentication if available on your plan.<\/p>\n\n\n\n<p>Check for any data types missing privacy rules.<\/p>\n\n\n\n<p>Bubble&#8217;s security features help you protect user accounts and sensitive information.<\/p>\n\n\n\n<p>Review your settings regularly as your app grows and new data types are added.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> Your app data is locked down with proper access controls.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Never leave a data type without privacy rules \u2014 by default, all data in Bubble is visible to everyone unless you lock it down.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-ai-app-generator'  id=\"boomdevs_31\" class=\"wp-block-heading\" id=\"how-to-use-bubble-ai-app-generator\">How to Use Bubble AI App Generator<\/h3>\n\n\n\n<p><strong>AI App <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-image-generators\" title=\"Generator\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91208\" target=\"_blank\" rel=\"noopener\">Generator<\/a><\/strong> lets you turn a simple idea into a fully functional app with one prompt.<\/p>\n\n\n\n<p>This is the fastest way to go from zero to a working prototype in Bubble.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch AI App Generator in action:<\/p>\n\n\n<style>.kb-imagef8e309_99bc7a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-imagef8e309_99bc7a size-large\"><img decoding=\"async\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-AI-App-Generator.png\" alt=\"Bubble AI App Generator\" class=\"kb-img\" title=\"\"><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-start-a-new-app-with-ai'  id=\"boomdevs_32\" class=\"wp-block-heading\">Step 1: Start a New App with AI<\/h4>\n\n\n\n<p>From the Bubble dashboard, click &#8220;Create a new app.&#8221;<\/p>\n\n\n\n<p>Select the AI App Generator option instead of a blank app.<\/p>\n\n\n\n<h4 id='step-2-describe-your-app-idea'  id=\"boomdevs_33\" class=\"wp-block-heading\">Step 2: Describe Your App Idea<\/h4>\n\n\n\n<p>Write a prompt describing what your app does.<\/p>\n\n\n\n<p>Users can create a fully functional app using simple prompts with Bubble&#8217;s AI app generator.<\/p>\n\n\n\n<p>Focus on 3\u20134 key features when describing your idea to avoid overcomplication.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> The AI should generate pages, data types, and workflows based on your description.<\/p>\n\n\n\n<h4 id='step-3-customize-the-generated-app'  id=\"boomdevs_34\" class=\"wp-block-heading\">Step 3: Customize the Generated App<\/h4>\n\n\n\n<p>Review each generated page and workflow.<\/p>\n\n\n\n<p>Edit or remove anything that doesn&#8217;t match your app idea.<\/p>\n\n\n\n<p>Add your own design and connect plugins for extra services.<\/p>\n\n\n\n<p>Building small, self-contained apps helps in applying concepts you learn along the way.<\/p>\n\n\n\n<p>You can continue to refine the AI output by running additional prompts or editing manually.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> You&#8217;ve gone from an idea to a working app in minutes \u2014 ready to share or continue building.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Define a simple core function when planning your MVP \u2014 the AI works best when you keep your first version focused.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-templates'  id=\"boomdevs_35\" class=\"wp-block-heading\" id=\"how-to-use-bubble-templates\">How to Use Bubble Templates<\/h3>\n\n\n\n<p><strong>Templates<\/strong> let you start building faster with pre-made app layouts and logic.<\/p>\n\n\n\n<p>Instead of starting from a blank canvas, templates give you a working foundation to customize.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Templates in action:<\/p>\n\n\n<style>.kb-image3e36bf_3c7895 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image3e36bf_3c7895 size-large\"><img decoding=\"async\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2024\/08\/bubble-templates.png\" alt=\"Bubble Templates\" class=\"kb-img\" title=\"\"><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-browse-the-template-library'  id=\"boomdevs_36\" class=\"wp-block-heading\">Step 1: Browse the Template Library<\/h4>\n\n\n\n<p>From the Bubble dashboard, click &#8220;Create a new app&#8221; and choose &#8220;Start from a template.&#8221;<\/p>\n\n\n\n<p>Browse categories like marketplace, SaaS, social network, and more.<\/p>\n\n\n\n<h4 id='step-2-preview-and-select-a-template'  id=\"boomdevs_37\" class=\"wp-block-heading\">Step 2: Preview and Select a Template<\/h4>\n\n\n\n<p>Click any template to preview its pages and features.<\/p>\n\n\n\n<p>Check that the template includes the relevant content and design patterns you need.<\/p>\n\n\n\n<p>Both free and paid templates are available in the marketplace.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> The template should load into your editor with pre-built pages, data, and workflows.<\/p>\n\n\n\n<h4 id='step-3-customize-the-template'  id=\"boomdevs_38\" class=\"wp-block-heading\">Step 3: Customize the Template<\/h4>\n\n\n\n<p>Replace placeholder text, images, and colors with your own branding.<\/p>\n\n\n\n<p>Modify workflows and database structures to fit your specific use case.<\/p>\n\n\n\n<p>Remove any pages or features you don&#8217;t need to keep your app clean.<\/p>\n\n\n\n<p>Templates save hours of work by giving you a head start on common app patterns.<\/p>\n\n\n\n<p>You can also read the template&#8217;s documentation to understand how the original developer built each workflow.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> You&#8217;ve launched a new app project in minutes using a ready-made template.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Use templates for learning too \u2014 study how the original developer built the workflows and database to enhance your own skills.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h3 id='how-to-use-bubble-native-mobile-app-builder'  id=\"boomdevs_39\" class=\"wp-block-heading\" id=\"how-to-use-bubble-native-mobile-app-builder\">How to Use Bubble Native Mobile App Builder<\/h3>\n\n\n\n<p><strong>Native Mobile App Builder<\/strong> lets you launch your Bubble app on <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/accounting-software-for-mac\" title=\"iOS\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91200\" target=\"_blank\" rel=\"noopener\">iOS<\/a> and Android from a single editor.<\/p>\n\n\n\n<p>You can publish to both app stores and push updates without rebuilding from scratch.<\/p>\n\n\n\n<p>Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<p>Watch Native Mobile <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-no-code-app-builder\" title=\"App Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91209\" target=\"_blank\" rel=\"noopener\">App Builder<\/a> in action:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"NEW Bubble Native Mobile App Builder [Must Watch]\" width=\"1080\" height=\"608\" src=\"https:\/\/www.youtube.com\/embed\/agKmxvk0-v4?feature=oembed\"  allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Now let&#8217;s break down each step.<\/p>\n\n\n\n<h4 id='step-1-enable-mobile-in-your-app-settings'  id=\"boomdevs_40\" class=\"wp-block-heading\">Step 1: Enable Mobile in Your App Settings<\/h4>\n\n\n\n<p>Go to Settings and look for the Mobile section.<\/p>\n\n\n\n<p>You need a paid Mobile or Web + Mobile plan to build and publish native apps.<\/p>\n\n\n\n<h4 id='step-2-design-your-mobile-layout'  id=\"boomdevs_41\" class=\"wp-block-heading\">Step 2: Design Your Mobile Layout<\/h4>\n\n\n\n<p>Switch to the mobile view in the Design Tab.<\/p>\n\n\n\n<p>Bubble supports creating apps that run on web, iOS, and Android from one editor.<\/p>\n\n\n\n<p>Adjust your layout and components for smaller screens.<\/p>\n\n\n\n<p>\u2713 <strong>Checkpoint:<\/strong> Your mobile preview should show a phone-sized layout with all elements visible.<\/p>\n\n\n\n<h4 id='step-3-build-and-publish'  id=\"boomdevs_42\" class=\"wp-block-heading\">Step 3: Build and Publish<\/h4>\n\n\n\n<p>Click &#8220;Build&#8221; to generate the native app package.<\/p>\n\n\n\n<p>Submit your build to the Apple App Store or Google Play Store.<\/p>\n\n\n\n<p>Push OTA updates to fix bugs without resubmitting a full build.<\/p>\n\n\n\n<p>You can maintain multiple live mobile versions at the same time.<\/p>\n\n\n\n<p>This means you can continue developing the next version while users stay on the current release.<\/p>\n\n\n\n<p>Bubble&#8217;s native mobile builder removes the need for separate iOS and Android development teams.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Result:<\/strong> Your Bubble app is live on mobile app stores for users to download.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group tip-box is-layout-flow wp-block-group-is-layout-flow\">\n<p>\ud83d\udca1 <strong>Pro Tip:<\/strong> Test your mobile build in Preview Mode on a real phone before submitting to the app store \u2014 this catches layout issues <a class=\"wpil_keyword_link\" href=\"https:\/\/www.fahimai.com\/early-app\" title=\"early\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91203\">early<\/a>.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='bubble-pro-tips-and-shortcuts'  id=\"boomdevs_43\" class=\"wp-block-heading\" id=\"bubble-pro-tips-and-shortcuts\">Bubble Pro Tips and Shortcuts<\/h2>\n\n\n\n<p>After testing Bubble for over a year, here are my best tips.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Keyboard Shortcuts<\/p>\n\n\n\n<figure class=\"wp-block-table fahimai-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Action<\/th><th>Shortcut<\/th><\/tr><\/thead><tbody><tr><td>Copy element<\/td><td>Ctrl\/Cmd + C<\/td><\/tr><tr><td>Paste element<\/td><td>Ctrl\/Cmd + V<\/td><\/tr><tr><td>Undo last action<\/td><td>Ctrl\/Cmd + Z<\/td><\/tr><tr><td>Preview your app<\/td><td>Ctrl\/Cmd + Shift + P<\/td><\/tr><tr><td>Select all elements<\/td><td>Ctrl\/Cmd + A<\/td><\/tr><tr><td>Delete selected element<\/td><td>Delete \/ Backspace<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Hidden Features Most People Miss<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>App Search Tool:<\/strong> Use the built-in app search to locate specific parts of your app during development \u2014 saves hours when your project grows large.<\/li>\n\n\n\n<li><strong>Custom Events:<\/strong> Create reusable workflow events that you can trigger from multiple places in your app, keeping your logic clean and easy to manage.<\/li>\n\n\n\n<li><strong>Plugin Marketplace:<\/strong> Access over 6,000 plugins in Bubble&#8217;s marketplace to add features like payments, maps, and AI without building from scratch.<\/li>\n\n\n\n<li><strong>API Connector:<\/strong> Connect external services that don&#8217;t have plugins using the API Connector \u2014 this opens the door to any third-party service in the world.<\/li>\n\n\n\n<li><strong>Backend Workflows:<\/strong> Move heavy logic to backend workflows so it runs on the server instead of the user&#8217;s browser \u2014 this keeps your app fast.<\/li>\n<\/ul>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Power User Practices<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Name everything clearly:<\/strong> Give descriptive names to your elements, workflows, and data types \u2014 this makes debugging much easier as your app grows.<\/li>\n\n\n\n<li><strong>Use the debugger daily:<\/strong> Preview Mode includes a step-by-step debugger that shows you exactly what happens when a user clicks a button or submits a form.<\/li>\n\n\n\n<li><strong>Join the Bubble community:<\/strong> The community forum is one of the most active no-code forums in the world \u2014 you&#8217;ll find answers to almost any <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/question-ai\" title=\"question\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91206\" target=\"_blank\" rel=\"noopener\">question<\/a> there. Forums are great for specific questions that can enhance your learning process.<\/li>\n<\/ul>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Performance Best Practices<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Reduce page load weight:<\/strong> Only load the data and elements each page actually needs \u2014 don&#8217;t pull your entire database on every page load.<\/li>\n\n\n\n<li><strong>Use conditions on groups:<\/strong> Hide groups that aren&#8217;t visible and set them to &#8220;not visible on page load&#8221; \u2014 Bubble won&#8217;t load hidden group data until it&#8217;s needed.<\/li>\n\n\n\n<li><strong>Compress images before uploading:<\/strong> Large images slow down your app significantly \u2014 resize and compress them before adding to your project.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-seo-audit-tools\" title=\"Audit\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91207\" target=\"_blank\" rel=\"noopener\">Audit<\/a> your app regularly:<\/strong> As your project grows, review old workflows and unused data types \u2014 removing what you don&#8217;t need keeps things clean and fast.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='bubble-common-mistakes-to-avoid'  id=\"boomdevs_44\" class=\"wp-block-heading\" id=\"bubble-common-mistakes-to-avoid\">Bubble Common Mistakes to Avoid<\/h2>\n\n\n\n<p>New Bubble users make the same mistakes over and over again.<\/p>\n\n\n\n<p>Here&#8217;s what to avoid so you don&#8217;t waste time or break your app.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #1: Building Too Many Features Before Launch<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u274c Wrong:<\/strong> Trying to build every feature you can <a class=\"wpil_keyword_link\" href=\"https:\/\/www.fahimai.com\/imagine-ai\" title=\"imagine\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91199\">imagine<\/a> into your first app before anyone uses it.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Right:<\/strong> Focus on 3\u20134 key features for your MVP and plan future features in separate versions after launch. Define a simple core function to avoid feature creep.<\/p>\n<\/div>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #2: Ignoring Privacy Rules on Data Types<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u274c Wrong:<\/strong> Leaving all data types open to everyone by default and only thinking about security later.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Right:<\/strong> Set privacy rules right after creating each data type \u2014 this protects sensitive user data from the start and helps you avoid a security nightmare.<\/p>\n<\/div>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #3: Nesting Searches Inside Repeating Groups<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u274c Wrong:<\/strong> Placing a &#8220;Do a search for&#8221; inside a repeating group, which runs a separate query for every single row.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Right:<\/strong> Run the search once outside the repeating group and pass the results in \u2014 this avoids spam-like database queries and keeps your app fast.<\/p>\n<\/div>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #4: Installing Too Many Plugins<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u274c Wrong:<\/strong> Adding every plugin that looks useful without checking if it&#8217;s well-maintained or necessary.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Right:<\/strong> Limit the use of plugins to essential and well-supported ones only \u2014 each plugin adds weight to your app and can slow it down.<\/p>\n<\/div>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #5: Skipping Preview Mode Before Deploying<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u274c Wrong:<\/strong> Deploying to live without testing your changes in Preview Mode first.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p><strong>\u2705 Right:<\/strong> Always use Preview Mode to test your app in a real browser environment before you deploy \u2014 this catches errors before your users ever see them.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='bubble-troubleshooting'  id=\"boomdevs_45\" class=\"wp-block-heading\" id=\"bubble-troubleshooting\">Bubble Troubleshooting<\/h2>\n\n\n\n<p>Even experienced builders run into issues with Bubble from time to time.<\/p>\n\n\n\n<p>Here are the most common problems and how to fix them fast.<\/p>\n\n\n\n<p>Most errors in Bubble come from misconfigured workflows, missing privacy rules, or database structure issues.<\/p>\n\n\n\n<p>The built-in debugger and issue <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-checkers\" title=\"checker\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91201\" target=\"_blank\" rel=\"noopener\">checker<\/a> are your best friends when something goes wrong.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: App Loads Slowly for Users<\/p>\n\n\n\n<p><strong>Cause:<\/strong> Too many plugins, unfiltered database searches, or heavy images loading on every page.<\/p>\n\n\n\n<p><strong>Fix:<\/strong> Limit the use of plugins to only essential and well-supported ones. Compress images before uploading them. Avoid nesting searches inside repeating groups \u2014 run the search once and pass the results in. Move heavy backend logic to server-side workflows to reduce front-end load time.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: Workflows Not Triggering<\/p>\n\n\n\n<p><strong>Cause:<\/strong> The trigger event is set to the wrong element, a conditional check is blocking the action, or the workflow references a deleted element.<\/p>\n\n\n\n<p><strong>Fix:<\/strong> Open the Workflow Tab and click the event to check its conditions. Remove any conditions that shouldn&#8217;t be there. Use the step-by-step debugger in Preview Mode to trace exactly where the error occurs. Check the issue checker in the bottom-left corner of the editor for warnings.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: Data Not Showing in Repeating Groups<\/p>\n\n\n\n<p><strong>Cause:<\/strong> The data source for the repeating group doesn&#8217;t match the content type, or privacy rules are blocking access.<\/p>\n\n\n\n<p><strong>Fix:<\/strong> Check that the repeating group&#8217;s content type matches the data type of the search. Review your privacy settings to make sure the current user has read access.<\/p>\n\n\n\n<p>\ud83d\udccc <strong>Note:<\/strong> If none of these fix your issue, contact Bubble support or join the community forum for help.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: App Exceeds Workload Units<\/p>\n\n\n\n<p><strong>Cause:<\/strong> Your workflows, database queries, or API calls are consuming more workload units than your plan allows.<\/p>\n\n\n\n<p><strong>Fix:<\/strong> Check your usage in the App Metrics dashboard under Settings. Move heavy logic to backend workflows and avoid running unnecessary searches on page load. Consider upgrading your plan if your app has grown beyond the current tier.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: Mobile Layout Looks Broken<\/p>\n\n\n\n<p><strong>Cause:<\/strong> Elements are not set to responsive sizing or containers are using fixed pixel widths.<\/p>\n\n\n\n<p><strong>Fix:<\/strong> Switch to mobile view in the Design Tab and check that all containers use percentage-based widths. Use Bubble&#8217;s responsive engine to set minimum and maximum widths for each element. Test on a real phone in Preview Mode before deploying.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='what-is-bubble'  id=\"boomdevs_46\" class=\"wp-block-heading\">What is Bubble?<\/h2>\n\n\n\n<p><strong>Bubble<\/strong> is a no-code app builder that lets you build web and mobile apps without writing a single line of code.<\/p>\n\n\n\n<p>Think of it like a visual programming language where you design, code apps, and launch \u2014 all from your browser.<\/p>\n\n\n\n<p>If you&#8217;ve been searching for how to use Bubble.io, this is the platform that changed the world of app development.<\/p>\n\n\n\n<p>Bubble&#8217;s visual editor allows users to design their user interface and manage workflows easily.<\/p>\n\n\n\n<p>Whether you want to create a simple MVP or a full-scale SaaS platform, Bubble turns your idea into a real product.<\/p>\n\n\n\n<p>The Bubble logo is recognized across the no-code community as a symbol of building without barriers.<\/p>\n\n\n\n<p>The official Bubble documentation and tutorials help beginners learn how to build apps from day one.<\/p>\n\n\n\n<p>You don&#8217;t need coaching or a computer science degree \u2014 just your browser and an idea.<\/p>\n\n\n\n<p>Bubble gives you the power to bring your app to life, whether it&#8217;s a side project or a full-time business.<\/p>\n\n\n\n<p>Watch this quick overview:<\/p>\n\n\n<!--presto-player:video_id=256--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #00b3ff); --presto-player-logo-width: 150px; \">\n\t<presto-player \n\t\tpreset='{&quot;id&quot;:5,&quot;name&quot;:&quot;YouTube Optimized&quot;,&quot;slug&quot;:&quot;youtube&quot;,&quot;icon&quot;:&quot;youtube&quot;,&quot;skin&quot;:&quot;modern&quot;,&quot;play-large&quot;:true,&quot;rewind&quot;:true,&quot;play&quot;:true,&quot;fast-forward&quot;:true,&quot;progress&quot;:true,&quot;current-time&quot;:true,&quot;mute&quot;:true,&quot;volume&quot;:true,&quot;speed&quot;:true,&quot;pip&quot;:false,&quot;fullscreen&quot;:true,&quot;captions&quot;:false,&quot;reset_on_end&quot;:true,&quot;auto_hide&quot;:true,&quot;show_time_elapsed&quot;:false,&quot;captions_enabled&quot;:false,&quot;save_player_position&quot;:false,&quot;sticky_scroll&quot;:false,&quot;sticky_scroll_position&quot;:&quot;bottom right&quot;,&quot;on_video_end&quot;:&quot;select&quot;,&quot;play_video_viewport&quot;:false,&quot;hide_youtube&quot;:false,&quot;lazy_load_youtube&quot;:true,&quot;hide_logo&quot;:false,&quot;border_radius&quot;:0,&quot;caption_style&quot;:&quot;&quot;,&quot;caption_background&quot;:&quot;&quot;,&quot;is_locked&quot;:true,&quot;cta&quot;:[&quot;&quot;],&quot;watermark&quot;:[&quot;&quot;],&quot;search&quot;:[&quot;&quot;],&quot;email_collection&quot;:[&quot;&quot;],&quot;created_by&quot;:2,&quot;created_at&quot;:&quot;2024-03-02 00:00:21&quot;,&quot;updated_at&quot;:&quot;2024-03-02 00:00:21&quot;,&quot;deleted_at&quot;:&quot;&quot;}'\n\t\tbranding='{&quot;logo&quot;:&quot;&quot;,&quot;color&quot;:&quot;#00b3ff&quot;,&quot;logo_width&quot;:150,&quot;player_css&quot;:&quot;&quot;}'\n\t\tchapters='[]'\n\t\toverlays='[]'\n\t\ttracks='[]'\n\t\tblock-attributes='{&quot;playsInline&quot;:true,&quot;id&quot;:256,&quot;src&quot;:&quot;https:\\\/\\\/youtu.be\\\/rp2yDzwGAXg?si=eiUa3UO5otpG3n9m&quot;,&quot;preset&quot;:5,&quot;video_id&quot;:&quot;rp2yDzwGAXg&quot;,&quot;visibility&quot;:&quot;public&quot;,&quot;color&quot;:&quot;#00b3ff&quot;,&quot;mutedPreview&quot;:{&quot;enabled&quot;:false,&quot;captions&quot;:false},&quot;mutedOverlay&quot;:{&quot;enabled&quot;:false,&quot;src&quot;:&quot;&quot;,&quot;width&quot;:200,&quot;focalPoint&quot;:{&quot;x&quot;:0.5,&quot;y&quot;:0.5}},&quot;mutedOverlayType&quot;:&quot;text&quot;,&quot;mutedOverlayText&quot;:&quot;Click to play&quot;,&quot;mutedOverlayImageWidth&quot;:200,&quot;chapters&quot;:[],&quot;overlays&quot;:[],&quot;tracks&quot;:[],&quot;FlyingPress&quot;:{&quot;lazyRender&quot;:false},&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;title&quot;:&quot;Bubble.io Review - Best No-Code Website Builder?&quot;}'\n\t\tanalytics=''\n\t\tautomations\t\tprovider='youtube'\n\t\t\t\tid=\"presto-player-2\"\n\t\tsrc=\"\/\/www.youtube.com\/embed\/rp2yDzwGAXg?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"Bubble.io Review - Best No-Code Website Builder?\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-256 presto-preset-id-5 skin-modern\"\n\t\tskin=\"modern\" \n\t\ticon-url=\"https:\/\/www.fahimai.com\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" \n\t\tpreload=\"\" \n\t\tposter=\"\"\n\t\tyoutube=\"{&quot;noCookie&quot;:false,&quot;channelId&quot;:&quot;&quot;,&quot;show_count&quot;:false}\"\n\t\tprovider-video-id=\"rp2yDzwGAXg\"\n\t\tvideo-id=\"256\"\n\t\tlazy-load-youtube\t\tvideo-attributes='{}'\n\t\tplaysinline\t\t\t\t>\n\t\t\n\n\t<\/presto-player>\n<\/figure>\n\n\n<p>It includes these key features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customizable Design:<\/strong> Drag-and-drop UI builder with responsive design for any device.<\/li>\n\n\n\n<li><strong>Built-in Database:<\/strong> Structure and manage your app data without external database services.<\/li>\n\n\n\n<li><strong>Logic &amp; Workflow:<\/strong> Build complex app logic with visual workflows that respond to user actions.<\/li>\n\n\n\n<li><strong>Advanced AI:<\/strong> AI-powered tools that help you generate and refine app structures quickly.<\/li>\n\n\n\n<li><strong>Version Control:<\/strong> Safely test and deploy changes with branching and merging.<\/li>\n\n\n\n<li><strong>Security Dashboard:<\/strong> Set privacy rules and manage data access at every level.<\/li>\n\n\n\n<li><strong>AI App Generator:<\/strong> Turn a simple prompt into a fully working app in minutes.<\/li>\n\n\n\n<li><strong>Templates:<\/strong> Start building fast with hundreds of pre-built app layouts.<\/li>\n\n\n\n<li><strong>Native Mobile App Builder:<\/strong> Build and publish iOS and Android apps from one platform.<\/li>\n<\/ul>\n\n\n\n<p>Bubble supports the creation of various types of applications, from simple MVPs to complex enterprise-grade apps.<\/p>\n\n\n\n<p>The Bubble Manual includes step-by-step tutorials and troubleshooting tips for all users.<\/p>\n\n\n\n<p>Community support is available through forums and <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-video-avatar-generators-for-social-media\" title=\"social media\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91205\" target=\"_blank\" rel=\"noopener\">social media<\/a> channels where you can share questions and learn from others.<\/p>\n\n\n\n<p>You can also find beginner courses on platforms like Buildcamp to develop your no-code skills faster.<\/p>\n\n\n\n<p>Bubble&#8217;s database management features allow you to structure and manage data intuitively without any external tools.<\/p>\n\n\n\n<p>The API Connector allows for custom integrations with external services not available through the plugin marketplace.<\/p>\n\n\n\n<p>To get started, focus on a learn-by-doing approach \u2014 understand the core concepts and build a simple project first.<\/p>\n\n\n\n<p>Bubble&#8217;s app search tool helps users locate specific parts of their app during development, which becomes critical as your project grows in size.<\/p>\n\n\n\n<p>Whether you&#8217;re a solo founder with an idea or part of a team looking to develop internal tools, Bubble gives you the power to ship real products.<\/p>\n\n\n\n<p>For a full review, see our <a href=\"https:\/\/www.fahimai.com\/bubble-app-builder\">Bubble review<\/a>.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='bubble-pricing'  id=\"boomdevs_47\" class=\"wp-block-heading\" id=\"bubble-pricing\">Bubble Pricing<\/h2>\n\n\n\n<p>Here&#8217;s what Bubble costs in 2026:<\/p>\n\n\n\n<p>Bubble uses a workload-based pricing model, which means your costs depend on both your plan tier and how much server processing your app uses.<\/p>\n\n\n\n<p>All prices below are for web-only plans billed monthly.<\/p>\n\n\n\n<figure class=\"wp-block-table fahimai-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Plan<\/th><th>Price<\/th><th>Best For<\/th><\/tr><\/thead><tbody><tr><td>Free<\/td><td>$0\/month<\/td><td>Learning, prototyping, and testing your first app<\/td><\/tr><tr><td>Starter<\/td><td>$29\/month<\/td><td>Solo builders launching a live app with a custom domain<\/td><\/tr><tr><td>Growth<\/td><td>$119\/month<\/td><td>Growing apps with real users and small teams<\/td><\/tr><tr><td>Team<\/td><td>$349\/month<\/td><td>Scaling products with larger teams and higher traffic<\/td><\/tr><tr><td>Custom<\/td><td>Contact Bubble<\/td><td>Enterprise-grade needs with dedicated support<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><strong>Free trial:<\/strong> Yes \u2014 the Free plan lets you build and test with no time limit and no credit card required.<\/p>\n\n\n\n<p><strong>Money-back guarantee:<\/strong> No official refund policy \u2014 use the Free plan to test before upgrading to a paid tier.<\/p>\n\n\n\n<p><strong>Mobile pricing:<\/strong> Native mobile plans start at $42\/month, or you can get a combined Web + Mobile plan starting at $59\/month.<\/p>\n\n\n\n<p><strong>Annual billing:<\/strong> Save roughly 20% by choosing annual billing over monthly on any paid plan.<\/p>\n\n\n<style>.kb-image6298_84775f-56 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image6298_84775f-56 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"550\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/f.png\" alt=\"Bubble\" class=\"kb-img wp-image-6257\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/f.png 1000w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/f-980x539.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2024\/08\/f-480x264.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1000px, 100vw\" \/><\/figure>\n\n\n\n<p>\ud83d\udcb0 <strong>Best Value:<\/strong> Starter at $29\/month \u2014 it removes Bubble branding, adds a custom domain, and gives you enough power to launch a real app.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='bubble-vs-alternatives'  id=\"boomdevs_48\" class=\"wp-block-heading\" id=\"bubble-vs-alternatives\">Bubble vs Alternatives<\/h2>\n\n\n\n<p>How does Bubble compare to other no-code app builders?<\/p>\n\n\n\n<p>Here&#8217;s the competitive landscape so you can make the right choice for your project.<\/p>\n\n\n\n<p>Each platform has different strengths depending on whether you need web apps, native mobile apps, or both.<\/p>\n\n\n\n<figure class=\"wp-block-table fahimai-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Tool<\/th><th>Best For<\/th><th>Price<\/th><th>Rating<\/th><\/tr><\/thead><tbody><tr><td><strong>Bubble<\/strong><\/td><td>Full-stack no-code web and mobile apps<\/td><td>$0\u2013$349\/mo<\/td><td>\u2b50 4.3<\/td><\/tr><tr><td>Softr<\/td><td>Quick database-powered apps and portals<\/td><td>$0\u2013$269\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Buzzy<\/td><td>AI-generated apps from Figma designs<\/td><td>$17\u2013$425\/mo<\/td><td>\u2b50 4.2<\/td><\/tr><tr><td>Glide<\/td><td>Simple data-driven apps from spreadsheets<\/td><td>$0\u2013Custom<\/td><td>\u2b50 4.2<\/td><\/tr><tr><td>Softgen<\/td><td>Affordable AI-assisted app building<\/td><td>$33\/year<\/td><td>\u2b50 3.5<\/td><\/tr><tr><td>Adalo<\/td><td>True native mobile apps with drag-and-drop<\/td><td>$0\u2013$160\/mo<\/td><td>\u2b50 4.3<\/td><\/tr><tr><td>Lovable AI<\/td><td>AI-first rapid app generation<\/td><td>$0\u2013Custom<\/td><td>\u2b50 N\/A<\/td><\/tr><tr><td>Emergent<\/td><td>Enterprise no-code development<\/td><td>Contact Sales<\/td><td>\u2b50 N\/A<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Quick picks:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Best overall:<\/strong> Bubble \u2014 the most complete no-code platform for building scalable apps from scratch with full control over design, data, and logic.<\/li>\n\n\n\n<li><strong>Best budget:<\/strong> Softr \u2014 generous free plan and fast setup for data-powered apps without a steep learning curve.<\/li>\n\n\n\n<li><strong>Best for beginners:<\/strong> Glide \u2014 dead-simple interface that turns spreadsheets into working apps in minutes.<\/li>\n\n\n\n<li><strong>Best for native mobile:<\/strong> Adalo \u2014 builds true native iOS and Android apps without code and publishes directly to both app stores.<\/li>\n<\/ul>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">\ud83c\udfaf Bubble Alternatives<\/p>\n\n\n\n<p>Looking for Bubble alternatives? Here are the top options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\ude80 <strong>Softr:<\/strong> Turns Airtable and Google Sheets into polished web apps in minutes \u2014 great for client portals and internal tools.<\/li>\n\n\n\n<li>\ud83e\udde0 <strong>Buzzy:<\/strong> Uses AI to generate apps from Figma designs, bridging the gap between design and development with speed.<\/li>\n\n\n\n<li>\ud83d\udc76 <strong>Glide:<\/strong> Lets beginners build beautiful data-driven apps straight from spreadsheets with zero learning curve.<\/li>\n\n\n\n<li>\ud83d\udcb0 <strong>Softgen:<\/strong> One of the most affordable AI-powered app builders available \u2014 ideal for developers on a tight budget.<\/li>\n\n\n\n<li>\ud83d\udcca <strong>Adalo:<\/strong> Builds true native mobile apps for iOS and Android with a drag-and-drop interface and AI builder.<\/li>\n\n\n\n<li>\u26a1 <strong>Lovable AI:<\/strong> AI-first platform that generates full-stack apps from a single text prompt \u2014 perfect for rapid prototyping.<\/li>\n\n\n\n<li>\ud83c\udfe2 <strong>Emergent:<\/strong> Enterprise-focused no-code platform built for large-scale applications and complex business workflows.<\/li>\n<\/ul>\n\n\n\n<p>For the full list, see our <a href=\"https:\/\/www.fahimai.com\/bubble-alternatives\">Bubble alternatives<\/a> guide.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">\u2694\ufe0f Bubble Compared<\/p>\n\n\n\n<p>Here&#8217;s how Bubble stacks up against each competitor in a head-to-head comparison:<\/p>\n\n\n\n<p>Keep in mind that the best tool depends on your project type, budget, and technical comfort level.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bubble vs Softr:<\/strong> Bubble offers far deeper customization and logic, while Softr wins on speed for simple database apps. Choose Bubble if you need complex workflows and full control.<\/li>\n\n\n\n<li><strong>Bubble vs Buzzy:<\/strong> Buzzy converts Figma designs to apps fast, but Bubble gives you full control over database, workflows, and scale. Bubble is better for long-term projects.<\/li>\n\n\n\n<li><strong>Bubble vs Glide:<\/strong> Glide is easier for beginners building simple apps from spreadsheets. Bubble is better when you need advanced logic, a custom UI, and full-stack power.<\/li>\n\n\n\n<li><strong>Bubble vs Softgen:<\/strong> Softgen is cheaper but much more limited in features and community. Bubble delivers more power for serious app development and has a much larger plugin marketplace.<\/li>\n\n\n\n<li><strong>Bubble vs Adalo:<\/strong> Adalo builds true native mobile apps with a simpler interface. Bubble handles both web and mobile but uses a different approach for native builds. Pick Adalo for mobile-first projects.<\/li>\n\n\n\n<li><strong>Bubble vs Lovable AI:<\/strong> Lovable AI is faster for prototyping with text prompts. Bubble gives you more depth and control for building production-ready apps that can scale to thousands of users.<\/li>\n\n\n\n<li><strong>Bubble vs Emergent:<\/strong> Emergent targets enterprise teams with specific needs. Bubble is more flexible and accessible for solo builders, startups, and small teams looking to launch quickly.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='start-using-bubble-now'  id=\"boomdevs_49\" class=\"wp-block-heading\">Start Using Bubble Now<\/h2>\n\n\n\n<p>You learned how to use every major Bubble feature:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Customizable Design<\/li>\n\n\n\n<li>\u2705 Built-in Database<\/li>\n\n\n\n<li>\u2705 Logic &amp; Workflow<\/li>\n\n\n\n<li>\u2705 Advanced AI<\/li>\n\n\n\n<li>\u2705 Version Control<\/li>\n\n\n\n<li>\u2705 Security Dashboard<\/li>\n\n\n\n<li>\u2705 AI App Generator<\/li>\n\n\n\n<li>\u2705 Templates<\/li>\n\n\n\n<li>\u2705 Native Mobile App Builder<\/li>\n<\/ul>\n\n\n\n<p><strong>Next step:<\/strong> Pick one feature and try it now.<\/p>\n\n\n\n<p>Most people start with Customizable Design to build their first page.<\/p>\n\n\n\n<p>It takes less than 5 minutes to get started.<\/p>\n\n\n\n<p>Once you&#8217;re comfortable with the design tools, move on to the database and workflows.<\/p>\n\n\n\n<p>That&#8217;s where the real power of Bubble comes to life.<\/p>\n\n\n\n<p>Start building today and deliver your app idea to the world.<\/p>\n\n\n\n<p>The Bubble community is full of builders who started exactly where you are right now.<\/p>\n\n\n\n<p>Join the forum, watch the tutorials, and start creating \u2014 your first app is closer than you think.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns135183_3ca39c-a7{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns135183_3ca39c-a7 .kt-button{font-weight:normal;font-style:normal;}.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns135183_3ca39c-a7 .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns135183_3ca39c-a7\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn135183_ae6af5-f4.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn135183_ae6af5-f4 kt-btn-size-xlarge kt-btn-width-type-auto kb-btn-global-inherit  kt-btn-has-text-true kt-btn-has-svg-true  wp-block-button__link wp-block-kadence-singlebtn\" href=\"https:\/\/fahimai.com\/get\/bubble\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try bubble For free<\/strong><\/span><span class=\"kb-svg-icon-wrap kb-svg-icon-fas_arrow-right kt-btn-icon-side-right\"><svg viewBox=\"0 0 448 512\"  fill=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"  aria-hidden=\"true\"><path d=\"M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z\"\/><\/svg><\/span><\/a><\/div>\n\n\n\n<h2 id='frequently-asked-questions'  id=\"boomdevs_50\" class=\"wp-block-heading\">Frequently Asked Questions<\/h2>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">How does Bubble.io work?<\/p>\n\n\n\n<p>Bubble works as a visual programming platform where you design your app&#8217;s UI, set up a database, and build workflows \u2014 all without writing a single line of code. You drag and drop components in the Bubble editor, connect them to data, and deploy your app from the same browser window. It runs on Bubble&#8217;s cloud hosting, so there&#8217;s nothing to install or manage on your end. The platform handles everything from front-end design to back-end logic, making it possible to build full-stack applications from your browser alone.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble.io good for beginners?<\/p>\n\n\n\n<p>Yes, Bubble is good for beginners who are willing to learn. There is a learning curve because the platform is powerful, but Bubble offers a series of walkthroughs to help users build apps step by step. A shift from a design-first to a logic-first mindset is necessary, and building small, self-contained apps helps you learn by doing. Users can also find beginner courses and tutorials on platforms like Buildcamp. The key is to start simple \u2014 don&#8217;t try to build your dream app on day one. Instead, create a basic project with one or two features and expand from there.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">How to make money on Bubble?<\/p>\n\n\n\n<p>You can make money with Bubble by building and launching your own SaaS product, creating apps for clients as a freelance developer, or selling templates and plugins in Bubble&#8217;s marketplace. Many builders turn their app idea into a paid service, charging users a monthly subscription. Others develop custom apps for businesses who need internal tools or customer-facing products without the cost of traditional development. Some developers earn a full-time income by offering Bubble coaching and consulting services to companies making the switch to no-code.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">What is Bubble.io used for?<\/p>\n\n\n\n<p>Bubble is used for building web and mobile applications of all kinds \u2014 from marketplaces and SaaS platforms to CRMs, social networks, and internal business tools. It lets you create fully functional apps without writing code. Users build everything from simple MVPs to complex, scalable apps that handle real traffic and real payments. Startups use it to launch products fast, while enterprises use it for internal dashboards and process <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-automation-tools\" title=\"automation\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91202\" target=\"_blank\" rel=\"noopener\">automation<\/a>. The platform opens up limitless possibilities for anyone with an idea and the willingness to learn.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble free to use?<\/p>\n\n\n\n<p>Bubble has a free plan that lets you build and test apps with no time limit. The Free plan includes 50,000 workload units per month and basic features. However, free apps show Bubble branding and can&#8217;t use a custom domain. To launch a live, professional app, you&#8217;ll need a paid plan starting at $29\/month. The free tier is great for learning the platform and prototyping your idea before you commit to a subscription. There&#8217;s no credit card required to get started.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble.io expensive?<\/p>\n\n\n\n<p>Compared to traditional app development, Bubble is very affordable \u2014 the Starter plan at $29\/month replaces thousands in developer costs. That said, costs can grow as your app scales because Bubble uses a workload-based pricing model. Plugins, extra storage, and higher-tier plans add to the bill. For most small projects and MVPs, Bubble delivers excellent value. Watch your workload units in the App Metrics dashboard and plan your upgrade path based on actual usage data rather than guessing.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble really worth it?<\/p>\n\n\n\n<p>Yes, for most people who want to build apps without coding, Bubble is worth the investment. It gives you the power to create, test, and launch real products without hiring a development team. The platform supports everything from simple prototypes to production-grade applications. Master the fundamentals first and you&#8217;ll be ready to build almost anything. The active community, detailed documentation, and growing library of plugins make the learning process much smoother than going it alone.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble.io easy to learn?<\/p>\n\n\n\n<p>Bubble has a moderate learning curve. The basics \u2014 visual elements, containers, and simple workflows \u2014 can be picked up in a few hours. Mastering the database, complex workflows, and best practices for performance takes longer \u2014 expect a few weeks of focused learning. Bubble&#8217;s documentation is designed to help you quickly learn the essentials, and the community forums are a great place to ask questions and get relevant answers. Many builders also watch video tutorials on <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-avatar-generators-for-youtube-videos\" title=\"YouTube\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"91204\" target=\"_blank\" rel=\"noopener\">YouTube<\/a> to speed up their learning. The more you build, the faster you&#8217;ll understand how everything connects.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Does Bubble.io require coding?<\/p>\n\n\n\n<p>No. Bubble allows users to build web applications without writing any code. Everything from the UI design to the database to the app logic is handled visually in the Bubble editor. You can also connect external services using the API Connector for custom integrations, but no traditional programming is needed to build and launch a complete app. If you do know how to code, you can add custom JavaScript for advanced features \u2014 but it&#8217;s entirely optional.<\/p>\n\n\n\n<p style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble.io good for beginners?<\/p>\n\n\n\n<p>Yes, but expect to invest some time learning the fundamentals. Bubble is more powerful than most no-code tools, which means it takes a bit longer to understand. Start by watching the official Bubble videos and tutorials, then build a small practice app before jumping into your main project. The learn-by-doing approach works best for beginners on this platform. Once you understand how visual elements, containers, workflows, and database structures work together, you&#8217;ll be able to build almost anything. Many users go from zero experience to launching their first app within a few weeks.<\/p>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-getting-started\",\n      \"name\": \"How to Get Started with Bubble\",\n      \"description\": \"Set up your Bubble account and complete initial setup\",\n      \"totalTime\": \"PT3M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Create Your Account\", \"text\": \"Go to bubble.io, click Get started for free, enter your email and create a password.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Access the Bubble Editor\", \"text\": \"Complete the onboarding introduction and access the visual editor in your browser.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Complete Initial Setup\", \"text\": \"Click New app, name your project, and choose a blank template or starter layout.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-customizable-design\",\n      \"name\": \"How to Use Bubble Customizable Design\",\n      \"description\": \"Build your app UI with drag-and-drop visual elements\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Open the Design Tab\", \"text\": \"Click the Design tab in the left sidebar of the Bubble editor.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Add Visual Elements\", \"text\": \"Drag and drop components like text, buttons, images, and containers onto the canvas.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Style Your Components\", \"text\": \"Click any element to adjust fonts, colors, padding, and alignment in the settings panel.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-built-in-database\",\n      \"name\": \"How to Use Bubble Built-in Database\",\n      \"description\": \"Structure and manage your app data with Bubble's database\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Open the Data Tab\", \"text\": \"Click the Data tab in the left sidebar of the Bubble editor.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Create Data Types and Fields\", \"text\": \"Click New type, name it, and add fields like text, number, date, or image.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Add and View Records\", \"text\": \"Switch to the App data sub-tab to add sample data and connect to front-end forms.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-logic-and-workflow\",\n      \"name\": \"How to Use Bubble Logic and Workflow\",\n      \"description\": \"Create actions that trigger in response to user events\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Open the Workflow Tab\", \"text\": \"Click the Workflow tab in the Bubble editor sidebar.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Set a Trigger Event\", \"text\": \"Click to add an event and choose a trigger like button click, page load, or form submission.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Add Actions to Your Workflow\", \"text\": \"Choose actions like Create a new thing, Navigate to page, or Send email.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-advanced-ai\",\n      \"name\": \"How to Use Bubble Advanced AI\",\n      \"description\": \"Speed up development with AI-powered tools in the editor\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Access Bubble AI Features\", \"text\": \"Look for the AI icon or prompt bar inside the Bubble editor.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Describe What You Want to Build\", \"text\": \"Provide a detailed natural language prompt describing your app features and data needs.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Refine the AI Output\", \"text\": \"Review generated elements and adjust anything that doesn't fit your requirements.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-version-control\",\n      \"name\": \"How to Use Bubble Version Control\",\n      \"description\": \"Test new features without affecting your live app\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Understand Development vs Live\", \"text\": \"Bubble separates your app into Development and Live versions.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Create Custom Branches\", \"text\": \"Click Version Control in the editor to create branches for independent feature development.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Merge and Deploy\", \"text\": \"Merge the branch back into the main version and click Deploy to Live.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-security-dashboard\",\n      \"name\": \"How to Use Bubble Security Dashboard\",\n      \"description\": \"Set privacy rules and protect user data\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Open Privacy Settings\", \"text\": \"Go to the Data tab and click the Privacy sub-tab.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Set Privacy Rules for Each Data Type\", \"text\": \"Select a data type and define rules controlling who can view, edit, or search the data.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Review the Security Dashboard\", \"text\": \"Open Settings and enable two-factor authentication if available on your plan.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-ai-app-generator\",\n      \"name\": \"How to Use Bubble AI App Generator\",\n      \"description\": \"Turn a simple prompt into a fully functional app\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Start a New App with AI\", \"text\": \"From the Bubble dashboard, click Create a new app and select the AI App Generator option.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Describe Your App Idea\", \"text\": \"Write a prompt describing what your app does, focusing on 3-4 key features.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Customize the Generated App\", \"text\": \"Review each generated page and workflow, then edit to match your specific needs.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-templates\",\n      \"name\": \"How to Use Bubble Templates\",\n      \"description\": \"Start building faster with pre-made app layouts\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Browse the Template Library\", \"text\": \"From the dashboard, click Create a new app and choose Start from a template.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Preview and Select a Template\", \"text\": \"Click any template to preview its pages, features, and design patterns.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Customize the Template\", \"text\": \"Replace placeholder content with your own branding and modify workflows to fit.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-native-mobile-app-builder\",\n      \"name\": \"How to Use Bubble Native Mobile App Builder\",\n      \"description\": \"Build and publish iOS and Android apps from one editor\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\"@type\": \"HowToStep\", \"name\": \"Enable Mobile in Your App Settings\", \"text\": \"Go to Settings and enable mobile with a paid Mobile or Web + Mobile plan.\", \"position\": 1},\n        {\"@type\": \"HowToStep\", \"name\": \"Design Your Mobile Layout\", \"text\": \"Switch to mobile view in the Design Tab and adjust layout for smaller screens.\", \"position\": 2},\n        {\"@type\": \"HowToStep\", \"name\": \"Build and Publish\", \"text\": \"Click Build to generate the native app package and submit to app stores.\", \"position\": 3}\n      ]\n    },\n    {\n      \"@type\": \"SoftwareApplication\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#software\",\n      \"name\": \"Bubble\",\n      \"description\": \"Bubble is a no-code app builder that lets you build web and mobile applications without writing any code, using a visual editor for design, database, and workflow management.\",\n      \"applicationCategory\": \"App Builder\",\n      \"operatingSystem\": \"Web, iOS, Android\",\n      \"url\": \"https:\/\/fahimai.com\/get\/bubble\",\n      \"offers\": {\n        \"@type\": \"AggregateOffer\",\n        \"priceCurrency\": \"USD\",\n        \"lowPrice\": \"0\",\n        \"highPrice\": \"349\",\n        \"offerCount\": \"5\",\n        \"offers\": [\n          {\"@type\": \"Offer\", \"name\": \"Free\", \"price\": \"0\", \"priceCurrency\": \"USD\", \"priceValidUntil\": \"2026-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\"},\n          {\"@type\": \"Offer\", \"name\": \"Starter\", \"price\": \"29\", \"priceCurrency\": \"USD\", \"priceValidUntil\": \"2026-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\"},\n          {\"@type\": \"Offer\", \"name\": \"Growth\", \"price\": \"119\", \"priceCurrency\": \"USD\", \"priceValidUntil\": \"2026-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\"},\n          {\"@type\": \"Offer\", \"name\": \"Team\", \"price\": \"349\", \"priceCurrency\": \"USD\", \"priceValidUntil\": \"2026-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\"},\n          {\"@type\": \"Offer\", \"name\": \"Custom\", \"price\": \"0\", \"priceCurrency\": \"USD\", \"priceValidUntil\": \"2026-12-31\", \"availability\": \"https:\/\/schema.org\/InStock\"}\n        ]\n      },\n      \"aggregateRating\": {\n        \"@type\": \"AggregateRating\",\n        \"ratingValue\": \"4.3\",\n        \"reviewCount\": \"1\",\n        \"bestRating\": \"5\",\n        \"worstRating\": \"1\"\n      },\n      \"featureList\": \"Customizable Design, Built-in Database, Logic & Workflow, Advanced AI, Version Control, Security Dashboard, AI App Generator, Templates, Native Mobile App Builder\"\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#faq\",\n      \"mainEntity\": [\n        {\"@type\": \"Question\", \"name\": \"How does Bubble.io work?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Bubble works as a visual programming platform where you design your app's UI, set up a database, and build workflows \u2014 all without writing a single line of code. You drag and drop components in the Bubble editor, connect them to data, and deploy your app from the same browser window.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble.io good for beginners?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes, Bubble is good for beginners who are willing to learn. There is a learning curve because the platform is powerful, but Bubble offers walkthroughs and tutorials to help users build apps step by step.\"}},\n        {\"@type\": \"Question\", \"name\": \"How to make money on Bubble?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"You can make money with Bubble by building and launching your own SaaS product, creating apps for clients as a freelance developer, or selling templates and plugins in Bubble's marketplace.\"}},\n        {\"@type\": \"Question\", \"name\": \"What is Bubble.io used for?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Bubble is used for building web and mobile applications of all kinds \u2014 from marketplaces and SaaS platforms to CRMs, social networks, and internal business tools without writing any code.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble free to use?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Bubble has a free plan that lets you build and test apps with no time limit. However, free apps show Bubble branding and can't use a custom domain. Paid plans start at $29\/month.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble.io expensive?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Compared to traditional app development, Bubble is very affordable. The Starter plan at $29\/month replaces thousands in developer costs. Costs can grow as your app scales due to the workload-based pricing model.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble really worth it?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes, for most people who want to build apps without coding, Bubble is worth the investment. It gives you the power to create, test, and launch real products without hiring a development team.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble.io easy to learn?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Bubble has a moderate learning curve. The basics can be picked up in a few hours, but mastering the database, complex workflows, and performance best practices takes longer.\"}},\n        {\"@type\": \"Question\", \"name\": \"Does Bubble.io require coding?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"No. Bubble allows users to build web applications without writing any code. Everything from UI design to database to app logic is handled visually in the Bubble editor.\"}},\n        {\"@type\": \"Question\", \"name\": \"Is Bubble.io good for beginners?\", \"acceptedAnswer\": {\"@type\": \"Answer\", \"text\": \"Yes, but expect to invest some time learning the fundamentals. Start by watching the official Bubble videos and tutorials, then build a small practice app before jumping into your main project.\"}}\n      ]\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [\n        {\"@type\": \"ListItem\", \"position\": 1, \"name\": \"Home\", \"item\": \"https:\/\/fahimai.com\"},\n        {\"@type\": \"ListItem\", \"position\": 2, \"name\": \"AI\", \"item\": \"https:\/\/www.fahimai.com\/category\/ai\"},\n        {\"@type\": \"ListItem\", \"position\": 3, \"name\": \"App Builder\", \"item\": \"https:\/\/www.fahimai.com\/category\/ai\/app-builder\"},\n        {\"@type\": \"ListItem\", \"position\": 4, \"name\": \"How to Use Bubble\"}\n      ]\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Quick Start This guide covers every Bubble feature: Time needed: 5 minutes per feature Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives Why Trust This Guide I&#8217;ve used Bubble for over a year and tested every feature covered here. This how to use Bubble IO tutorial comes from [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":79754,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[225],"tags":[1182],"class_list":["post-79753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bubble","tag-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/posts\/79753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/comments?post=79753"}],"version-history":[{"count":0,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/posts\/79753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/media\/79754"}],"wp:attachment":[{"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/media?parent=79753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/categories?post=79753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fahimai.com\/de\/wp-json\/wp\/v2\/tags?post=79753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}