{"id":79753,"date":"2025-03-22T15:13:04","date_gmt":"2025-03-22T15:13:04","guid":{"rendered":"https:\/\/fahimai.com\/?p=79753"},"modified":"2026-08-10T10:51:24","modified_gmt":"2026-08-10T07:51:24","slug":"how-to-use-bubble","status":"publish","type":"post","link":"https:\/\/www.fahimai.com\/ja\/how-to-use-bubble","title":{"rendered":"Bubble IO\u306e\u4f7f\u3044\u65b9\uff1a2026\u5e74\u306b\u30a2\u30d7\u30ea\u3092\u7c21\u5358\u306b\u30ed\u30fc\u30f3\u30c1\u3059\u308b\u65b9\u6cd5"},"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 class=\"wp-block-paragraph\"><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 open the Bubble editor<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-customizable-design\">How to Use Customizable Design<\/a> \u2014 Place visual elements on the canvas and shape your UI<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-built-in-database\">How to Use Built-in Database<\/a> \u2014 Structure app data with custom data types and fields<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-logic-workflow\">How to Use Logic &amp; Workflow<\/a> \u2014 Create logic that triggers actions in response to events<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-advanced-ai\">How to Use Advanced AI<\/a> \u2014 Add Bubble AI features without wiring up outside services<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-version-control\">How to Use Version Control<\/a> \u2014 Test new features safely without touching the 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 watch for suspicious user activity<\/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 plain-text idea into a working first app<\/li>\n\n\n\n<li><a href=\"#how-to-use-bubble-templates\">How to Use Templates<\/a> \u2014 Start building from a ready layout instead of a blank page<\/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 Deliver web, iOS, and Android apps from one editor<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Time needed:<\/strong> 5 minutes per feature<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Why Trust This Guide<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;ve used Bubble for two years and tested every feature covered here.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This tutorial comes from real hands-on experience, not vendor screenshots.<\/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=\"Bubble no-code app builder\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble is one of the most powerful no-code platforms in the world today.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most people search for how to use Bubble io and land on scattered videos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can code apps by hand, or you can ship no-code apps in a browser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide shows you how to use every major feature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Step by step, with screenshots and pro tips.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You&#8217;ll learn how to build a working app, not just read theory.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Bubble editor opens limitless possibilities once you understand workflows.<\/p>\n\n\n\n<h2 id='bubble-tutorial'  id=\"boomdevs_2\" class=\"wp-block-heading\">Bubble Tutorial<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This complete Bubble tutorial walks you through every feature, from your first app to the tips that turn beginners into power users.<\/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-c446116b 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 wp-block-paragraph\">Bubble<\/p>\n\n\n\n<p class=\"cta-box-description wp-block-paragraph\">Build scalable apps without writing a single line of code. Bubble gives you a visual editor, a real database, and workflows in one platform. Start free \u2014 no credit card required.<\/p>\n\n\n\n<div class=\"wp-block-group cta-box-buttons is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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 class=\"wp-block-paragraph\"><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\" id=\"getting-started-with-bubble\" class=\"wp-block-heading\">Getting Started with Bubble<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before using any feature, complete this one-time setup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It takes about 3 minutes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch this quick introduction 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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">Go to Bubble&#8217;s website and click &#8220;Get started for free.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter your email and create a password.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Read the terms, accept them, and agree to the privacy policy.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Check your <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/inbox-placement-tool\" title=\"inbox\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"148099\" target=\"_blank\" rel=\"noopener\">inbox<\/a> for a confirmation email.<\/p>\n\n\n\n<h4 id='step-2-open-the-bubble-editor'  id=\"boomdevs_5\" class=\"wp-block-heading\">Step 2: Open the Bubble Editor<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble runs in your browser, so there is nothing to download.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Name your first app, then pick a blank canvas to start building.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what the editor 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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> You should see the Design, Workflow, and Data tabs.<\/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 class=\"wp-block-paragraph\">Click the Bubble logo in the top-left corner to reach app settings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Set your app name, time zone, and language details there.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then open the guided walkthrough Bubble shows every new user.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><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\" id=\"how-to-use-bubble-customizable-design\" class=\"wp-block-heading\">How to Use Bubble Customizable Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customizable Design<\/strong> lets you design your user interface visually, without writing code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by 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 class=\"wp-block-paragraph\">Click <strong>Design<\/strong> in the left toolbar of the Bubble editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The elements panel holds containers, text, inputs, and buttons.<\/p>\n\n\n\n<h4 id='step-2-drag-in-your-components'  id=\"boomdevs_9\" class=\"wp-block-heading\">Step 2: Drag In Your Components<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Drag components onto the page and drop them inside containers.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Group related elements first, because containers control the alignment.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your page shows every element exactly where you dropped it.<\/p>\n\n\n\n<h4 id='step-3-check-responsive-behaviour'  id=\"boomdevs_10\" class=\"wp-block-heading\">Step 3: Check Responsive Behaviour<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Switch to responsive view and test the layout at mobile widths.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble shows breakpoints, so you can hide elements on small screens.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> You have a clean UI that fits desktop and mobile screens.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Plan your logic before you polish the design. A logic-first mindset saves hours of rework 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-built-in-database'  id=\"boomdevs_11\" id=\"how-to-use-bubble-built-in-database\" class=\"wp-block-heading\">How to Use Bubble Built-in Database<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Built-in Database<\/strong> lets you structure app data with custom data types and fields.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by 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 class=\"wp-block-paragraph\">Click <strong>Data<\/strong>, then create a data type such as &#8220;Project.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Each data type behaves like a table in a normal database.<\/p>\n\n\n\n<h4 id='step-2-add-fields-to-each-type'  id=\"boomdevs_13\" class=\"wp-block-heading\">Step 2: Add Fields To Each Type<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Add text, number, date, or image fields to describe your records.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pick the field type that matches the data, not text for everything.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your new data type lists every field you added.<\/p>\n\n\n\n<h4 id='step-3-set-privacy-rules'  id=\"boomdevs_14\" class=\"wp-block-heading\">Step 3: Set Privacy Rules<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Add privacy rules immediately after you create each data type.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> Your database holds structured, protected records.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Never nest a &#8220;Do a search for&#8221; inside a repeating group. Nested searches slow every page load badly.<\/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\" id=\"how-to-use-bubble-logic-workflow\" class=\"wp-block-heading\">How to Use Bubble Logic &amp; Workflow<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Logic &amp; Workflow<\/strong> lets you create logic that triggers actions in response to events.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by 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 class=\"wp-block-paragraph\">Click <strong>Workflow<\/strong>, then choose &#8220;Click here to add an event.&#8221;<\/p>\n\n\n\n<h4 id='step-2-pick-your-trigger'  id=\"boomdevs_17\" class=\"wp-block-heading\">Step 2: Pick Your Trigger<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Select an event, such as a user clicking your signup button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Events also cover page loads, database changes, and scheduled runs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your workflow shows the trigger with its actions beneath it.<\/p>\n\n\n\n<h4 id='step-3-add-actions-in-order'  id=\"boomdevs_18\" class=\"wp-block-heading\">Step 3: Add Actions In Order<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Stack actions below the trigger, then reorder them by dragging.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Actions run top to bottom, so the order changes the outcome.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> Your app now reacts to what real users actually do.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Run Preview Mode in a real browser before you launch any workflow change. Bugs hide in the editor.<\/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\" id=\"how-to-use-bubble-advanced-ai\" class=\"wp-block-heading\">How to Use Bubble Advanced AI<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Advanced AI<\/strong> lets you add Bubble AI features to your app without outside services.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-open-the-ai-panel'  id=\"boomdevs_20\" class=\"wp-block-heading\">Step 1: Open the AI Panel<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Find the AI options inside the Workflow tab action list.<\/p>\n\n\n\n<h4 id='step-2-describe-what-you-need'  id=\"boomdevs_21\" class=\"wp-block-heading\">Step 2: Describe What You Need<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Write a clear prompt describing the text or image you want.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop dynamic data into the prompt to personalise every result.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your test run returns a usable AI response.<\/p>\n\n\n\n<h4 id='step-3-connect-the-output'  id=\"boomdevs_22\" class=\"wp-block-heading\">Step 3: Connect the Output<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Save the AI result to a database field so your app can reuse it.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> Your app now delivers AI features with no external setup.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Keep prompts short and relevant. Long prompts cost more and rarely improve the output quality.<\/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\" id=\"how-to-use-bubble-version-control\" class=\"wp-block-heading\">How to Use Bubble Version Control<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Version Control<\/strong> lets you test new features safely without breaking the live app.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-create-a-branch'  id=\"boomdevs_24\" class=\"wp-block-heading\">Step 1: Create a Branch<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the version menu and create a branch from your main version.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Your main version stays live while you work in the branch.<\/p>\n\n\n\n<h4 id='step-2-build-and-test'  id=\"boomdevs_25\" class=\"wp-block-heading\">Step 2: Build and Test<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Develop your new feature inside the branch, then test it there.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your branch name appears in the editor&#8217;s top bar.<\/p>\n\n\n\n<h4 id='step-3-merge-when-ready'  id=\"boomdevs_26\" class=\"wp-block-heading\">Step 3: Merge When Ready<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Merge the branch back into main, then deploy to live.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> You can ship changes without a single broken page for users.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Name branches after the feature, not the date. Future you will read them far more easily.<\/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\" id=\"how-to-use-bubble-security-dashboard\" class=\"wp-block-heading\">How to Use Bubble Security Dashboard<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Security Dashboard<\/strong> lets you watch privacy rules and account activity in one place.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-open-the-security-dashboard'  id=\"boomdevs_28\" class=\"wp-block-heading\">Step 1: Open the Security Dashboard<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Find it under your app settings in the Bubble editor.<\/p>\n\n\n\n<h4 id='step-2-review-the-warnings'  id=\"boomdevs_29\" class=\"wp-block-heading\">Step 2: Review the Warnings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble flags data types with weak or missing privacy rules.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A red warning means anyone can read that data today.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> The warning list shrinks as you fix each data type.<\/p>\n\n\n\n<h4 id='step-3-fix-each-warning'  id=\"boomdevs_30\" class=\"wp-block-heading\">Step 3: Fix Each Warning<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Tighten each rule so only the right user can read that data.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> Your app blocks spam signups and stops data leaking to strangers.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Recheck the dashboard after every launch. New fields often ship without privacy rules attached.<\/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\" id=\"how-to-use-bubble-ai-app-generator\" class=\"wp-block-heading\">How to Use Bubble AI App Generator<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><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=\"148098\" target=\"_blank\" rel=\"noopener\">Generator<\/a><\/strong> lets you turn a plain-text idea into a working first app.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-open-the-generator'  id=\"boomdevs_32\" class=\"wp-block-heading\">Step 1: Open the Generator<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Start a new app and choose the AI option instead of blank.<\/p>\n\n\n\n<h4 id='step-2-write-a-detailed-prompt'  id=\"boomdevs_33\" class=\"wp-block-heading\">Step 2: Write a Detailed Prompt<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Describe your app features in natural language, screen by screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Name your data types in the prompt for a cleaner database.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> You see generated pages with a matching database behind them.<\/p>\n\n\n\n<h4 id='step-3-refine-the-result'  id=\"boomdevs_34\" class=\"wp-block-heading\">Step 3: Refine the Result<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the generated app and edit pages, data, and workflows by hand.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> You have a blueprint instead of an empty canvas.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Treat the output as a draft. The generator handles structure well, but the details still need you.<\/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\" id=\"how-to-use-bubble-templates\" class=\"wp-block-heading\">How to Use Bubble Templates<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Templates<\/strong> lets you start building from a ready layout instead of a blank page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-browse-the-marketplace'  id=\"boomdevs_36\" class=\"wp-block-heading\">Step 1: Browse the Marketplace<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the template gallery and filter by app type or industry.<\/p>\n\n\n\n<h4 id='step-2-apply-a-template'  id=\"boomdevs_37\" class=\"wp-block-heading\">Step 2: Apply a Template<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Install it into a new app, then preview every page it created.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most templates arrive with sample data you can delete safely.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your app opens with the template&#8217;s pages already built.<\/p>\n\n\n\n<h4 id='step-3-replace-the-sample-content'  id=\"boomdevs_38\" class=\"wp-block-heading\">Step 3: Replace the Sample Content<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Swap placeholder content, colours, and copy for your own.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> You skip days of layout work on your first app.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Check the template&#8217;s last update date. Old templates often use elements Bubble has since replaced.<\/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\" id=\"how-to-use-bubble-native-mobile-app-builder\" class=\"wp-block-heading\">How to Use Bubble Native Mobile App Builder<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Native Mobile App Builder<\/strong> lets you deliver web, iOS, and Android apps from one editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-create-a-mobile-app'  id=\"boomdevs_40\" class=\"wp-block-heading\">Step 1: Create a Mobile App<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Add a native app to your project from the app dashboard.<\/p>\n\n\n\n<h4 id='step-2-build-mobile-screens'  id=\"boomdevs_41\" class=\"wp-block-heading\">Step 2: Build Mobile Screens<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Design screens with mobile elements like tab bars and native inputs.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mobile screens use their own element set, not your web layout.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what this looks like:<\/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 class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your mobile preview runs on your own phone.<\/p>\n\n\n\n<h4 id='step-3-submit-to-the-stores'  id=\"boomdevs_42\" class=\"wp-block-heading\">Step 3: Submit to the Stores<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Set your icons and app details, then push a build to each store.<\/p>\n\n\n\n<div class=\"wp-block-group pro-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u2705 Result:<\/strong> One project now serves web and mobile users together.<\/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 class=\"wp-block-paragraph\">\ud83d\udca1 <strong>Pro Tip:<\/strong> Test on a real device <a class=\"wpil_keyword_link\" href=\"https:\/\/www.fahimai.com\/early-app\" title=\"early\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"148100\">early<\/a>. Simulators hide scrolling and keyboard problems that users hit daily.<\/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\" id=\"bubble-pro-tips-and-shortcuts\" class=\"wp-block-heading\">Bubble Pro Tips and Shortcuts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After two years on this platform, here are the tips I share most often.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble&#8217;s community forum answers specific questions faster than any course.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can join it free, or buy paid coaching when you want one-to-one help.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Beginner tutorials on sites like Buildcamp cover the fundamentals in a few hours.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Small, self-contained projects build your skills faster than long videos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Over 6,000 plugins in the marketplace enhance what a finished app can do.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Follow these practices from day one and you&#8217;ll avoid most rewrites.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s the setup I use daily:<\/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 class=\"wp-block-paragraph\" 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 an element<\/td><td>Ctrl + C<\/td><\/tr><tr><td>Paste with workflows<\/td><td>Ctrl + Shift + V<\/td><\/tr><tr><td>Undo a change<\/td><td>Ctrl + Z<\/td><\/tr><tr><td>Open app search<\/td><td>Ctrl + F<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" 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>API Connector:<\/strong> Connect to external services that no plugin covers yet.<\/li>\n\n\n\n<li><strong>App Search:<\/strong> Locate the exact element or workflow you need during development.<\/li>\n\n\n\n<li><strong>The official Bubble Manual:<\/strong> Step-by-step tutorials plus troubleshooting notes for common problems.<\/li>\n\n\n\n<li><strong>Reusable elements:<\/strong> Build headers once, then share those components across every page.<\/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\" id=\"bubble-common-mistakes-to-avoid\" class=\"wp-block-heading\">Bubble Common Mistakes to Avoid<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #1: Packing Everything Into Version One<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u274c Wrong:<\/strong> Listing twenty features before you build a single page.<\/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 class=\"wp-block-paragraph\"><strong>\u2705 Right:<\/strong> Pick 3-4 core features for your MVP, then plan the rest as later versions.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #2: Installing Every Plugin You Find<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u274c Wrong:<\/strong> Adding ten plugins from the marketplace in one afternoon.<\/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 class=\"wp-block-paragraph\"><strong>\u2705 Right:<\/strong> Each plugin adds weight, so keep only essential, well-supported ones.<\/p>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Mistake #3: Editing the Live App Directly<\/p>\n\n\n\n<div class=\"wp-block-group con-item is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><strong>\u274c Wrong:<\/strong> Changing workflows on the live version while real users are inside.<\/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 class=\"wp-block-paragraph\"><strong>\u2705 Right:<\/strong> Test in a branch, then deploy once the change works.<\/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\" id=\"bubble-troubleshooting\" class=\"wp-block-heading\">Bubble Troubleshooting<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: Your Page Loads Empty in Preview<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> A privacy rule is blocking the data from the current user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Open the Data tab, check that data type&#8217;s rules, and allow the right user to view it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: A Workflow Never Runs<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> A condition on the event is false, so Bubble skips it silently.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Remove the condition, test again, then add it back one piece at a time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: The App Feels Slow<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> Nested searches and unused plugins both drag your load time down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Flatten those searches, delete plugins you never call, and watch the error log for repeat warnings.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udccc <strong>Note:<\/strong> If none of these fix your issue, contact Bubble support.<\/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 class=\"wp-block-paragraph\"><strong>Bubble<\/strong> is a no-code app builder that lets you build scalable apps without writing a single line of code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think of it like a design tool wired straight into a real database.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It brings your idea to life without hiring a developer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apps built here scale from a weekend MVP to enterprise-grade products.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\">It includes these key features:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customizable Design:<\/strong> Place visual elements on the canvas and shape your UI<\/li>\n\n\n\n<li><strong>Built-in Database:<\/strong> Structure app data with custom data types and fields<\/li>\n\n\n\n<li><strong>Logic &amp; Workflow:<\/strong> Create logic that triggers actions in response to events<\/li>\n\n\n\n<li><strong>Advanced AI:<\/strong> Add Bubble AI features without wiring up outside services<\/li>\n\n\n\n<li><strong>Version Control:<\/strong> Test new features safely without touching the live app<\/li>\n\n\n\n<li><strong>Security Dashboard:<\/strong> Set privacy rules and watch for suspicious user activity<\/li>\n\n\n\n<li><strong>AI App Generator:<\/strong> Turn a plain-text idea into a working first app<\/li>\n\n\n\n<li><strong>Templates:<\/strong> Start building from a ready layout instead of a blank page<\/li>\n\n\n\n<li><strong>Native Mobile App Builder:<\/strong> Deliver web, iOS, and Android apps from one editor<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For a full review, see our <a href=\"https:\/\/www.fahimai.com\/bubble-app-builder\">Bubble review<\/a>.<\/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<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\" id=\"bubble-pricing\" class=\"wp-block-heading\">Bubble Pricing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s what Bubble costs in 2026:<\/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 the editor<\/td><\/tr><tr><td>Starter<\/td><td>$29\/month<\/td><td>Your first live app<\/td><\/tr><tr><td>Growth<\/td><td>$119\/month<\/td><td>Apps with paying users<\/td><\/tr><tr><td>Team<\/td><td>$349\/month<\/td><td>Multiple <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-ai-video-editor\" title=\"editors\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"148097\" target=\"_blank\" rel=\"noopener\">editors<\/a> working together<\/td><\/tr><tr><td>Custom<\/td><td>Contact Bubble<\/td><td>Enterprise workloads<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Free trial:<\/strong> Yes \u2014 the Free plan never expires, so you can learn without paying.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Money-back guarantee:<\/strong> Bubble offers refunds within 14 days on new paid plans.<\/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 class=\"wp-block-paragraph\">\ud83d\udcb0 <strong>Best Value:<\/strong> Starter \u2014 it removes the Bubble branding and lets you launch on your own domain.<\/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\" id=\"bubble-vs-alternatives\" class=\"wp-block-heading\">Bubble vs Alternatives<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">How does Bubble compare? Here&#8217;s the competitive landscape:<\/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 custom apps<\/td><td>$29\/mo<\/td><td>\u2b50 4.3<\/td><\/tr><tr><td>Softr<\/td><td>Client portals<\/td><td>$59\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Buzzy<\/td><td>Figma to app<\/td><td>$19\/mo<\/td><td>\u2b50 4.1<\/td><\/tr><tr><td>Glide<\/td><td>Spreadsheet apps<\/td><td>$49\/mo<\/td><td>\u2b50 4.4<\/td><\/tr><tr><td>Softgen<\/td><td>AI-built web apps<\/td><td>$20\/mo<\/td><td>\u2b50 4.0<\/td><\/tr><tr><td>Adalo<\/td><td>Native mobile apps<\/td><td>$45\/mo<\/td><td>\u2b50 4.2<\/td><\/tr><tr><td>Lovable ai<\/td><td>Prompt-to-code apps<\/td><td>$25\/mo<\/td><td>\u2b50 4.4<\/td><\/tr><tr><td>Emergent<\/td><td>Agent-driven builds<\/td><td>$20\/mo<\/td><td>\u2b50 4.0<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" 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 deepest control over data, design, and workflows<\/li>\n\n\n\n<li><strong>Best budget:<\/strong> Buzzy \u2014 the lowest entry price for a working prototype<\/li>\n\n\n\n<li><strong>Best for beginners:<\/strong> Glide \u2014 you can build from a spreadsheet in one sitting<\/li>\n\n\n\n<li><strong>Best for mobile:<\/strong> Adalo \u2014 native screens without a separate mobile project<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">\ud83c\udfaf Bubble Alternatives<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">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> Builds portals and internal tools on top of Airtable in an afternoon.<\/li>\n\n\n\n<li>\ud83d\udcb0 <strong>Buzzy:<\/strong> Converts Figma designs into working apps, useful for design-led teams.<\/li>\n\n\n\n<li>\ud83c\udfa8 <strong>Glide:<\/strong> Turns spreadsheets into tidy apps with almost no setup time.<\/li>\n\n\n\n<li>\u26a1 <strong>Softgen:<\/strong> Generates full web apps from a written brief in minutes.<\/li>\n\n\n\n<li>\ud83d\udcf1 <strong>Adalo:<\/strong> Focuses on native mobile builds with app store publishing included.<\/li>\n\n\n\n<li>\ud83e\udde0 <strong>Lovable ai:<\/strong> Writes real code from prompts, so developers can extend it later.<\/li>\n\n\n\n<li>\ud83d\udd27 <strong>Emergent:<\/strong> Runs AI agents that build and revise your app as you chat.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For the full list, see our <a href=\"https:\/\/www.fahimai.com\/bubble-alternatives\">Bubble alternatives<\/a> guide.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">\u2694\ufe0f Bubble Compared<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s how Bubble stacks up against each competitor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Bubble vs Softr:<\/strong> Softr is faster to launch, but Bubble wins once you need custom logic.<\/li>\n\n\n\n<li><strong>Bubble vs Buzzy:<\/strong> Buzzy starts from your design files, while Bubble gives you deeper database power.<\/li>\n\n\n\n<li><strong>Bubble vs Glide:<\/strong> Glide suits simple data apps, and Bubble handles complex products better.<\/li>\n\n\n\n<li><strong>Bubble vs Softgen:<\/strong> Softgen generates quickly, but Bubble offers more control after generation.<\/li>\n\n\n\n<li><strong>Bubble vs Adalo:<\/strong> Adalo feels simpler for mobile, though Bubble now ships native apps too.<\/li>\n\n\n\n<li><strong>Bubble vs Lovable ai:<\/strong> Lovable ai produces code, while Bubble keeps everything inside one visual editor.<\/li>\n\n\n\n<li><strong>Bubble vs Emergent:<\/strong> Emergent leans on AI agents, and Bubble gives you predictable manual control.<\/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 class=\"wp-block-paragraph\">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 class=\"wp-block-paragraph\"><strong>Next step:<\/strong> Pick one feature and try it now.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most people start with Customizable Design.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It takes less than 5 minutes to continue from here.<\/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 class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">How does Bubble.io work?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Bubble runs a visual editor in your browser. You design pages, define data types, and build workflows. Bubble hosts the app and handles the servers for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" 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 class=\"wp-block-paragraph\">Yes. Beginners can follow the built-in walkthroughs and free tutorials. Expect a week of practice before the workflow logic feels natural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" 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 class=\"wp-block-paragraph\">Charge users a subscription inside your app, sell templates and plugins in the marketplace, or build client apps as a freelance Bubble developer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" 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 class=\"wp-block-paragraph\">People use it for marketplaces, SaaS products, internal tools, directories, and MVPs. It suits any web app that needs a database and user accounts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Bubble free to use?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. The Free plan lets you build and test forever. You need a paid plan to launch on a custom domain and remove Bubble branding.<\/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 open the Bubble editor\",\n      \"totalTime\": \"PT3M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Create Your Account\",\n          \"text\": \"Go to the Bubble website, click Get started for free, then enter your email and password.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Bubble Editor\",\n          \"text\": \"Bubble runs in the browser. Name your first app and pick a blank canvas.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Complete Initial Setup\",\n          \"text\": \"Open app settings from the Bubble logo, then set your app name, time zone, and language.\",\n          \"position\": 3\n        }\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\": \"Design your user interface visually, without writing code\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Design Tab\",\n          \"text\": \"Click Design in the left toolbar of the Bubble editor.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Drag In Your Components\",\n          \"text\": \"Drag components onto the page and drop them inside containers.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Check Responsive Behaviour\",\n          \"text\": \"Switch to responsive view and test the layout at mobile widths.\",\n          \"position\": 3\n        }\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 app data with custom data types and fields\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Data Tab\",\n          \"text\": \"Click Data, then create a data type such as Project.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Add Fields To Each Type\",\n          \"text\": \"Add text, number, date, or image fields to describe your records.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Set Privacy Rules\",\n          \"text\": \"Add privacy rules immediately after you create each data type.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-bubble\/#howto-logic-workflow\",\n      \"name\": \"How to Use Bubble Logic & Workflow\",\n      \"description\": \"Create logic that triggers actions in response to events\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Workflow Tab\",\n          \"text\": \"Click Workflow, then choose Click here to add an event.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Pick Your Trigger\",\n          \"text\": \"Select an event, such as a user clicking your signup button.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Add Actions In Order\",\n          \"text\": \"Stack actions below the trigger, then reorder them by dragging.\",\n          \"position\": 3\n        }\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 scalable web and mobile apps without writing a single line of code.\",\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          {\n            \"@type\": \"Offer\",\n            \"name\": \"Free\",\n            \"price\": \"0\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          },\n          {\n            \"@type\": \"Offer\",\n            \"name\": \"Starter\",\n            \"price\": \"29\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          },\n          {\n            \"@type\": \"Offer\",\n            \"name\": \"Growth\",\n            \"price\": \"119\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          },\n          {\n            \"@type\": \"Offer\",\n            \"name\": \"Team\",\n            \"price\": \"349\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          }\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        {\n          \"@type\": \"Question\",\n          \"name\": \"How does Bubble.io work?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Bubble runs a visual editor in your browser. You design pages, define data types, and build workflows. Bubble hosts the app and handles the servers for you.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble.io good for beginners?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Beginners can follow the built-in walkthroughs and free tutorials. Expect a week of practice before the workflow logic feels natural.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How to make money on Bubble?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Charge users a subscription inside your app, sell templates and plugins in the marketplace, or build client apps as a freelance Bubble developer.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is bubble io used for?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"People use it for marketplaces, SaaS products, internal tools, directories, and MVPs. It suits any web app that needs a database and user accounts.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble free to use?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. The Free plan lets you build and test forever. You need a paid plan to launch on a custom domain and remove Bubble branding.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble.io expensive?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Plans start at $29 per month and reach $349 per month for teams. That is cheaper than hiring a developer for the same app.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble really worth it?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"It is worth it if you need custom logic and a real database. For simple spreadsheet apps, a lighter tool costs less.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble.io easy to learn?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"The design side is easy. Workflows and privacy rules take longer, so most people need a few weeks to feel confident.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Does Bubble.io require coding?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"No. You can build a full app without code. Some advanced integrations use the API Connector, which needs technical reading but no programming.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Bubble good for beginners?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes, especially with a small first project. Building one simple app end to end teaches more than watching hours of videos.\"\n          }\n        }\n      ]\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"name\": \"Home\",\n          \"item\": \"https:\/\/fahimai.com\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"name\": \"App Builder\",\n          \"item\": \"https:\/\/www.fahimai.com\/category\/ai\/app-builder\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"name\": \"How to Use Bubble\"\n        }\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 two years and tested every feature covered here. This tutorial comes from real hands-on experience, not vendor screenshots. Bubble is one of the most powerful no-code platforms in the world today. Most people search for how to use Bubble io and land on scattered videos. You can code apps by hand, or you can ship no-code apps in a browser. This guide shows you how to use every major feature. Step by step, [&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":[932,1182],"class_list":["post-79753","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bubble","tag-autolink","tag-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/posts\/79753","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/comments?post=79753"}],"version-history":[{"count":0,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/posts\/79753\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/media\/79754"}],"wp:attachment":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/media?parent=79753"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/categories?post=79753"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/tags?post=79753"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}