{"id":77264,"date":"2025-03-18T10:42:47","date_gmt":"2025-03-18T10:42:47","guid":{"rendered":"https:\/\/fahimai.com\/?p=77264"},"modified":"2026-08-13T15:28:21","modified_gmt":"2026-08-13T12:28:21","slug":"how-to-use-siter","status":"publish","type":"post","link":"https:\/\/www.fahimai.com\/ja\/how-to-use-siter","title":{"rendered":"Siter\u306e\u4f7f\u3044\u65b9\uff1a10\u5206\u3067\u30a6\u30a7\u30d6\u30b5\u30a4\u30c8\u3092\u4f5c\u6210\u3059\u308b\u65b9\u6cd5\uff082026\u5e74\u7248\uff09"},"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-image71884_1923e7-e4.kb-image-is-ratio-size, .kb-image71884_1923e7-e4 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image71884_1923e7-e4.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image71884_1923e7-e4 .kb-image-is-ratio-size{align-self:unset;}.kb-image71884_1923e7-e4 figure{max-width:350px;}.kb-image71884_1923e7-e4 .image-is-svg, .kb-image71884_1923e7-e4 .image-is-svg img{width:100%;}.kb-image71884_1923e7-e4 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image71884_1923e7-e4\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA.png\" alt=\"siter CTA\" class=\"kb-img wp-image-53873\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA.png 800w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA-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 Siter feature:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#getting-started-with-siter\">Getting Started<\/a> \u2014 Create your account and set up your first project<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-forms-collection\">How to Use Forms Collection<\/a> \u2014 Collect leads and feedback with no code<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-landing-page\">How to Use Landing Page<\/a> \u2014 Build one focused page that turns visitors into signups<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-embed-and-local-videos\">How to Use Embed and Local Videos<\/a> \u2014 Add video to any section without slowing your site<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-intuitive-design-tool\">How to Use Intuitive Design Tool<\/a> \u2014 Place every element exactly where you want it<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-group-and-layers\">How to Use Group and Layers<\/a> \u2014 Keep busy pages organized so edits take seconds<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-figma-plugin-overview\">How to Use Figma Plugin Overview<\/a> \u2014 See how a Figma frame becomes a real web page<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-figma-plug-in\">How to Use Figma Plug-in<\/a> \u2014 Move a finished design into Siter without rebuilding it<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-customizable-maps\">How to Use Customizable Maps<\/a> \u2014 Show visitors exactly where your business sits<\/li>\n\n\n\n<li><a href=\"#how-to-use-siter-custom-linking\">How to Use Custom Linking<\/a> \u2014 Turn any element into a link, anchor, or overlay trigger<\/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=\"#siter-pro-tips-and-shortcuts\">Pro Tips<\/a> | <a href=\"#siter-common-mistakes-to-avoid\">Common Mistakes<\/a> | <a href=\"#siter-troubleshooting\">Troubleshooting<\/a> | <a href=\"#siter-pricing\">Pricing<\/a> | <a href=\"#siter-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 have used Siter for eight months and built four live sites with it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Every step here comes from real hands-on work, 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-2-11.png\" alt=\"Siter website builder\" title=\"\"><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Siter is one of the easiest website building tools available today.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But most people never get past the first template.<\/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<h2 id='siter-tutorial'  id=\"boomdevs_2\" class=\"wp-block-heading\">Siter Tutorial<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">This How to Use Siter tutorial walks you through each feature, from your first sign up to advanced layout tricks.<\/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-image71884_1923e7-e4.kb-image-is-ratio-size, .kb-image71884_1923e7-e4 .kb-image-is-ratio-size{max-width:350px;width:100%;}.wp-block-kadence-column > .kt-inside-inner-col > .kb-image71884_1923e7-e4.kb-image-is-ratio-size, .wp-block-kadence-column > .kt-inside-inner-col > .kb-image71884_1923e7-e4 .kb-image-is-ratio-size{align-self:unset;}.kb-image71884_1923e7-e4 figure{max-width:350px;}.kb-image71884_1923e7-e4 .image-is-svg, .kb-image71884_1923e7-e4 .image-is-svg img{width:100%;}.kb-image71884_1923e7-e4 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image71884_1923e7-e4\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA.png\" alt=\"siter CTA\" class=\"kb-img wp-image-53873\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA.png 800w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-CTA-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\">Siter<\/p>\n\n\n\n<p class=\"cta-box-description wp-block-paragraph\">Build a real website with zero coding skills. Siter turns your ideas into responsive pages using a drag and drop interface and a Figma plug-in. Start free on a subdomain, then connect your own domain later.<\/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\/siter\" target=\"_blank\" rel=\"noopener\">TRY SITER 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\/siter\">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\/siter-alternatives\">SITER ALTERNATIVES \u2192<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h3 id='getting-started-with-siter'  id=\"boomdevs_3\" id=\"getting-started-with-siter\" class=\"wp-block-heading\">Getting Started with Siter<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Before any feature makes sense, finish this one-time setup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It takes about three minutes on any computer.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what my own first project looked like:<\/p>\n\n\n<style>.kb-image53872_304867-37 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_304867-37 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"519\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-personal-experience-1024x519.png\" alt=\"siter personal experience\" class=\"kb-img wp-image-53897\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-personal-experience-1024x519.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-personal-experience-980x497.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-personal-experience-480x243.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now let us 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 the Siter website and click the sign up button.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enter your email and choose a password.<\/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=\"149339\" target=\"_blank\" rel=\"noopener\">inbox<\/a> for the confirmation link.<\/p>\n\n\n\n<h4 id='step-2-open-your-dashboard'  id=\"boomdevs_5\" class=\"wp-block-heading\">Step 2: Open Your Dashboard<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Siter runs in the browser, so there is nothing to install.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The dashboard is the control center for every site you build.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is a quick look at what you get:<\/p>\n\n\n<style>.kb-image53872_f0fbcf-f7 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_f0fbcf-f7 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"884\" height=\"589\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-top-benefits.png\" alt=\"siter top benefits\" class=\"kb-img wp-image-53890\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-top-benefits.png 884w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-top-benefits-480x320.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 884px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> You can see your project list and a new project button.<\/p>\n\n\n\n<h4 id='step-3-choose-a-template-and-add-a-page'  id=\"boomdevs_6\" class=\"wp-block-heading\">Step 3: Choose a Template and Add a Page<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Pick a template that sits close to your idea.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then click Add Page to create your second screen.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize that template, colors, and fonts at any time.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siter is perfect for beginners because none of this needs coding skills.<\/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 are ready to use any feature below.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-forms-collector'  id=\"boomdevs_7\" id=\"how-to-use-siter-forms-collection\" class=\"wp-block-heading\">How to Use Siter Forms Collector<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Forms Collection<\/strong> lets you collect leads and feedback without writing a single line of code.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-add-a-form-block'  id=\"boomdevs_8\" class=\"wp-block-heading\">Step 1: Add a Form Block<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the left menu and drag the form element onto your page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop it anywhere you like on the canvas.<\/p>\n\n\n\n<h4 id='step-2-set-up-your-fields'  id=\"boomdevs_9\" class=\"wp-block-heading\">Step 2: Set Up Your Fields<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click each field to change the label text and placeholder.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_978cbb-fb .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_978cbb-fb size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-105-1024x661.png\" alt=\"siter form collection\" class=\"kb-img wp-image-181663\" title=\"\" srcset=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-105-980x633.png 980w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-105-480x310.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your form shows name, email, and message fields on the page.<\/p>\n\n\n\n<h4 id='step-3-connect-the-submit-button'  id=\"boomdevs_10\" class=\"wp-block-heading\">Step 3: Connect the Submit Button<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Point the submit button at your email or a webhook.<\/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> A live form that sends every reply straight to your inbox.<\/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> Add a short thank-you screen after submit so users know the form worked.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-landing-page'  id=\"boomdevs_11\" id=\"how-to-use-siter-landing-page\" class=\"wp-block-heading\">How to Use Siter Landing Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Landing Page<\/strong> lets you build one focused page that turns visitors into signups.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-start-from-a-template'  id=\"boomdevs_12\" class=\"wp-block-heading\">Step 1: Start From a Template<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Pick a template, then change the headline text to match your offer.<\/p>\n\n\n\n<h4 id='step-2-rearrange-the-sections'  id=\"boomdevs_13\" class=\"wp-block-heading\">Step 2: Rearrange the Sections<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Drag each section up or down until the layout reads well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<!--presto-player:video_id=2993--><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;:2993,&quot;src&quot;:&quot;https:\\\/\\\/youtu.be\\\/IHg5zF0USJQ?si=0aPZ-M_3QFSQoDtz&quot;,&quot;preset&quot;:1,&quot;video_id&quot;:&quot;IHg5zF0USJQ&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;How to Create a Landing Page Website without Coding using Siter.io&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\/IHg5zF0USJQ?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"How to Create a Landing Page Website without Coding using Siter.io\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-2993 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=\"IHg5zF0USJQ\"\n\t\tvideo-id=\"2993\"\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\/IHg5zF0USJQ?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\">\u2713 <strong>Checkpoint:<\/strong> Your hero section, proof, and call to action sit in the right order.<\/p>\n\n\n\n<h4 id='step-3-hit-the-publish-button'  id=\"boomdevs_14\" class=\"wp-block-heading\">Step 3: Hit the Publish Button<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Press the publish button in the top right to push it 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> A live landing page you can send paid traffic to today.<\/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 one action per page, because a second button splits your clicks.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-embed-and-local-videos'  id=\"boomdevs_15\" id=\"how-to-use-siter-embed-and-local-videos\" class=\"wp-block-heading\">How to Use Siter Embed and Local Videos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Embed and Local Videos<\/strong> lets you add video to any section without slowing your site down.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-choose-your-video-source'  id=\"boomdevs_16\" class=\"wp-block-heading\">Step 1: Choose Your Video Source<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Upload a local file, or copy link from YouTube and paste it in.<\/p>\n\n\n\n<h4 id='step-2-drop-it-into-the-layout'  id=\"boomdevs_17\" class=\"wp-block-heading\">Step 2: Drop It Into the Layout<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the video element onto the page and resize the frame.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_f003be-9a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_f003be-9a size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"661\" src=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-1-57-1024x661.png\" alt=\"\" class=\"kb-img wp-image-181664\" title=\"\" srcset=\"https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-1-57-1024x661.png 1024w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-1-57-980x633.png 980w, https:\/\/www.fahimai.com\/wp-content\/uploads\/2025\/02\/Untitled-design-1-57-480x310.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> The player loads inside your section and scales with the frame.<\/p>\n\n\n\n<h4 id='step-3-set-the-player-options'  id=\"boomdevs_18\" class=\"wp-block-heading\">Step 3: Set the Player Options<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Turn autoplay off so every visitor starts the clip at 0:00.<\/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> A video section that plays on desktop and on 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> Skip playlist embeds, since a stray include playlist flag pulls in videos you never picked. Embedded clips also keep YouTube chrome, including the watch later icon and a show less toggle on long titles.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-intuitive-design-tool'  id=\"boomdevs_19\" id=\"how-to-use-siter-intuitive-design-tool\" class=\"wp-block-heading\">How to Use Siter Intuitive Design Tool<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Intuitive Design Tool<\/strong> lets you place every element exactly where you want it on the canvas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-open-the-canvas'  id=\"boomdevs_20\" class=\"wp-block-heading\">Step 1: Open the Canvas<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open your project, then select the page you want to edit.<\/p>\n\n\n\n<h4 id='step-2-drag-your-elements'  id=\"boomdevs_21\" class=\"wp-block-heading\">Step 2: Drag Your Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Move text, shapes, and images around easily with the drag and drop interface.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siter resizes them whenever a screen breakpoint triggers, so pages fit most <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-vpn-for-multiple-devices\" title=\"devices\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149337\" target=\"_blank\" rel=\"noopener\">devices<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_4fe48d-54 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_4fe48d-54 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"472\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-intuitive-design-tools-1024x472.png\" alt=\"siter intuitive design tools\" class=\"kb-img wp-image-53891\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-intuitive-design-tools-980x451.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-intuitive-design-tools-480x221.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your elements sit where you dropped them, not where a grid forced them.<\/p>\n\n\n\n<h4 id='step-3-fine-tune-the-spacing'  id=\"boomdevs_22\" class=\"wp-block-heading\">Step 3: Fine-Tune the Spacing<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Use arrow keys to nudge an element one pixel at a time.<\/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> A page layout that matches the design in your head.<\/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> Hold Shift while dragging to lock movement to one axis.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-group-and-layers'  id=\"boomdevs_23\" id=\"how-to-use-siter-group-and-layers\" class=\"wp-block-heading\">How to Use Siter Group and Layers<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Group and Layers<\/strong> lets you keep busy pages organized so edits take seconds, not minutes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-open-the-layers-panel'  id=\"boomdevs_24\" class=\"wp-block-heading\">Step 1: Open the Layers Panel<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Find the layers list on the left side of the editor.<\/p>\n\n\n\n<h4 id='step-2-group-related-elements'  id=\"boomdevs_25\" class=\"wp-block-heading\">Step 2: Group Related Elements<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Select two or more items, then group them by pressing Ctrl+G.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_4c8cda-d9 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_4c8cda-d9 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"535\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-group-and-layers-1024x535.png\" alt=\"siter group and layers\" class=\"kb-img wp-image-53892\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-group-and-layers-1024x535.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-group-and-layers-980x512.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-group-and-layers-480x251.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your layers panel shows named groups instead of a stack of unnamed items.<\/p>\n\n\n\n<h4 id='step-3-rename-every-layer'  id=\"boomdevs_26\" class=\"wp-block-heading\">Step 3: Rename Every Layer<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Give each group a clear name like Hero or Footer.<\/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> A tidy page you can edit months later without guessing.<\/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> Lock finished groups so a stray click never drags them out of place.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-plugins'  id=\"boomdevs_27\" id=\"how-to-use-siter-figma-plugin-overview\" class=\"wp-block-heading\">How to Use Siter Plugins<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Plugin Overview<\/strong> lets you see how a Figma frame becomes a real web page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-install-the-plugin'  id=\"boomdevs_28\" class=\"wp-block-heading\">Step 1: Install the Plugin<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Search for Siter inside the Figma plugin browser and install it.<\/p>\n\n\n\n<h4 id='step-2-sign-in-to-your-account'  id=\"boomdevs_29\" class=\"wp-block-heading\">Step 2: Sign In to Your Account<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Sign in with the same account you use in the Siter editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<!--presto-player:video_id=3233--><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;:3233,&quot;src&quot;:&quot;https:\\\/\\\/youtu.be\\\/BG8rsZdR_SQ?si=_hoxfol_jiy6BiTl&quot;,&quot;preset&quot;:1,&quot;video_id&quot;:&quot;BG8rsZdR_SQ&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;How to Export Figma Designs to Websites &amp; HTML, No Code - Siter.io&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\/BG8rsZdR_SQ?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"How to Export Figma Designs to Websites &amp; HTML, No Code - Siter.io\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-3233 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=\"BG8rsZdR_SQ\"\n\t\tvideo-id=\"3233\"\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-2\" data-src=\"https:\/\/www.youtube.com\/embed\/BG8rsZdR_SQ?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\">\u2713 <strong>Checkpoint:<\/strong> The plugin panel lists your Siter projects by name.<\/p>\n\n\n\n<h4 id='step-3-pick-a-target-project'  id=\"boomdevs_30\" class=\"wp-block-heading\">Step 3: Pick a Target Project<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Choose which Siter project the frame should land in.<\/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> Figma and Siter are linked and ready to move designs across.<\/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 your Figma frames the way you want your pages named later.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-figma-plug-in'  id=\"boomdevs_31\" id=\"how-to-use-siter-figma-plug-in\" class=\"wp-block-heading\">How to Use Siter Figma Plug-in<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Figma Plug-in<\/strong> lets you move a finished design into Siter without rebuilding it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-select-your-frame'  id=\"boomdevs_32\" class=\"wp-block-heading\">Step 1: Select Your Frame<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click the frame you want, then run the plugin from the menu.<\/p>\n\n\n\n<h4 id='step-2-copy-and-paste'  id=\"boomdevs_33\" class=\"wp-block-heading\">Step 2: Copy and Paste<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Copy the frame, open your page, and paste it onto the canvas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_ecf2e6-05 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_ecf2e6-05 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-figma-plugin-1024x480.png\" alt=\"siter figma plugin\" class=\"kb-img wp-image-53893\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-figma-plugin-1024x480.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-figma-plugin-980x459.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-figma-plugin-480x225.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Your Figma layout appears on the canvas as editable elements.<\/p>\n\n\n\n<h4 id='step-3-clean-up-the-result'  id=\"boomdevs_34\" class=\"wp-block-heading\">Step 3: Clean Up the Result<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Check fonts and spacing, then fix anything that shifted.<\/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> A design that took hours in Figma is now a working page.<\/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> Flatten heavy vector art in Figma first, or paste times climb fast.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-customizable-maps'  id=\"boomdevs_35\" id=\"how-to-use-siter-customizable-maps\" class=\"wp-block-heading\">How to Use Siter Customizable Maps<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Customizable Maps<\/strong> lets you show visitors exactly where your <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-crm-for-small-construction-business\" title=\"business\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149329\" target=\"_blank\" rel=\"noopener\">business<\/a> sits.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-add-the-map-element'  id=\"boomdevs_36\" class=\"wp-block-heading\">Step 1: Add the Map Element<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Drag the map element onto your contact page.<\/p>\n\n\n\n<h4 id='step-2-set-your-address'  id=\"boomdevs_37\" class=\"wp-block-heading\">Step 2: Set Your Address<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Type your address and let the map center on it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_563d83-9a .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_563d83-9a size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-customizable-maps-1024x486.png\" alt=\"siter customizable maps\" class=\"kb-img wp-image-53894\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-customizable-maps-980x465.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-customizable-maps-480x228.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> The map centers on your pin and keeps your brand colors.<\/p>\n\n\n\n<h4 id='step-3-change-the-map-style'  id=\"boomdevs_38\" class=\"wp-block-heading\">Step 3: Change the Map Style<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Pick a color scheme that matches the rest of your design.<\/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> A contact page that answers the where <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/question-ai\" title=\"question\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149328\" target=\"_blank\" rel=\"noopener\">question<\/a> instantly.<\/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> Set the zoom one step wider than feels right on small screens.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-custom-linking'  id=\"boomdevs_39\" id=\"how-to-use-siter-custom-linking\" class=\"wp-block-heading\">How to Use Siter Custom Linking<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Custom Linking<\/strong> lets you turn any element into a link, anchor, or open overlay trigger.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how to use it step by step.<\/p>\n\n\n\n<h4 id='step-1-select-the-element'  id=\"boomdevs_40\" class=\"wp-block-heading\">Step 1: Select the Element<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click the button, image, or text you want to make clickable.<\/p>\n\n\n\n<h4 id='step-2-choose-a-link-type'  id=\"boomdevs_41\" class=\"wp-block-heading\">Step 2: Choose a Link Type<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Open the dropdown menu and choose page, section, URL, or open overlay.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what this looks like:<\/p>\n\n\n<style>.kb-image53872_3d0f73-af .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_3d0f73-af size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-custom-linking-1024x513.png\" alt=\"siter custom linking\" class=\"kb-img wp-image-53895\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-custom-linking-1024x513.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-custom-linking-980x491.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-custom-linking-480x240.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u2713 <strong>Checkpoint:<\/strong> Hovering the element shows a pointer cursor in preview mode.<\/p>\n\n\n\n<h4 id='step-3-test-every-link'  id=\"boomdevs_42\" class=\"wp-block-heading\">Step 3: Test Every Link<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Preview the site and click each link once before you publish.<\/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> Every button on your site goes where visitors expect.<\/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> Use an open overlay for pricing details instead of building a whole page.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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='siter-pro-tips-and-shortcuts'  id=\"boomdevs_43\" id=\"siter-pro-tips-and-shortcuts\" class=\"wp-block-heading\">Siter Pro Tips and Shortcuts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">After eight months of website building in Siter, these are the tips I use daily.<\/p>\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>Group selected elements<\/td><td>Ctrl + G<\/td><\/tr><tr><td>Copy and paste an element<\/td><td>Ctrl + C, Ctrl + V<\/td><\/tr><tr><td>Duplicate in place<\/td><td>Ctrl + D<\/td><\/tr><tr><td>Preview your site<\/td><td>Ctrl + P<\/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>Screen frames:<\/strong> Try adding a Mobile Portrait screen from the Screen option on the right toolbar.<\/li>\n\n\n\n<li><strong>Font library:<\/strong> Choose from thousands of fonts, and pick ones that stay easy to read.<\/li>\n\n\n\n<li><strong>Browser resize test:<\/strong> Shrink your browser window to view the responsive design you built.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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='siter-common-mistakes-to-avoid'  id=\"boomdevs_44\" id=\"siter-common-mistakes-to-avoid\" class=\"wp-block-heading\">Siter 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: Ignoring the Mobile Version<\/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> Designing only for desktop, then hoping mobile screens sort themselves out.<\/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> Add a Mobile Portrait screen <a class=\"wpil_keyword_link\" href=\"https:\/\/www.fahimai.com\/early-app\" title=\"early\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149330\">early<\/a> and arrange elements for that viewport.<\/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: Building Without Groups<\/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> Leaving forty loose elements on one page with no layers named.<\/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> Group each section as you build, so later edits stay simple.<\/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: Publishing Without a Preview<\/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> Pressing publish and assuming every link and form works.<\/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> Preview the site, click each link, and submit the form once.<\/p>\n<\/div>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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='siter-troubleshooting'  id=\"boomdevs_45\" id=\"siter-troubleshooting\" class=\"wp-block-heading\">Siter 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: An error occurred while retrieving sharing information<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> Your embedded YouTube video is private, deleted, or blocked in your region.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Open the video on YouTube, use copy link on a public clip, then paste it again.<\/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 video player says please try again later<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> The embed permission failed, so the player cannot load the clip.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Upload a local file instead, or swap the embed for a different video.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:15px;font-size:25px;font-weight:600\">Problem: Elements jump around on mobile<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Cause:<\/strong> You placed elements on the desktop screen only.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Fix:<\/strong> Open the mobile version, drag each element into place, then publish again.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udccc <strong>Note:<\/strong> If none of these fix your issue, contact Siter support.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter'  id=\"boomdevs_46\" class=\"wp-block-heading\">What is Siter?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Siter<\/strong> is a no code website builder that turns your design into a live site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Think of it like a design canvas that publishes straight to the web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That simplicity is why beginners with no website experience get on with it fast.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Watch this quick overview:<\/p>\n\n\n<!--presto-player:video_id=1293--><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;:1293,&quot;src&quot;:&quot;https:\\\/\\\/youtu.be\\\/wUNZp9S73vw?si=goUW2HVkK-ItPqoV&quot;,&quot;preset&quot;:5,&quot;video_id&quot;:&quot;wUNZp9S73vw&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;The PERFECT No-Code Design Tool! \\ud83d\\udc4f \\u2014 Siter.io&quot;}'\n\t\tanalytics=''\n\t\tautomations\t\tprovider='youtube'\n\t\t\t\tid=\"presto-player-3\"\n\t\tsrc=\"\/\/www.youtube.com\/embed\/wUNZp9S73vw?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\"\n\t\tmedia-title=\"The PERFECT No-Code Design Tool! \ud83d\udc4f \u2014 Siter.io\"\n\t\tcss=\"\"\n\t\tclass=\"presto-video-id-1293 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=\"wUNZp9S73vw\"\n\t\tvideo-id=\"1293\"\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>Forms Collection:<\/strong> Drop a working form on any page and read replies inside your project<\/li>\n\n\n\n<li><strong>Landing Page:<\/strong> A single-page layout built for one clear action<\/li>\n\n\n\n<li><strong>Embed and Local Videos:<\/strong> Upload a local file or paste a YouTube link into any block<\/li>\n\n\n\n<li><strong>Intuitive Design Tool:<\/strong> A free-form canvas with real drag and drop control<\/li>\n\n\n\n<li><strong>Group and Layers:<\/strong> Stack, name, and group elements in a clean layers panel<\/li>\n\n\n\n<li><strong>Figma Plugin Overview:<\/strong> A short introduction to the Figma to Siter workflow<\/li>\n\n\n\n<li><strong>Figma Plug-in:<\/strong> Copy frames from Figma and paste them into your page<\/li>\n\n\n\n<li><strong>Customizable Maps:<\/strong> A styled map block you can color to match your brand<\/li>\n\n\n\n<li><strong>Custom Linking:<\/strong> Link elements to pages, sections, files, or overlays<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For a full review, see our <a href=\"https:\/\/www.fahimai.com\/siter\">Siter review<\/a>.<\/p>\n\n\n<style>.kb-image53872_cd6598-51 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_cd6598-51 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"662\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-homepage.png\" alt=\"siter homepage\" class=\"kb-img wp-image-53884\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-homepage.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-homepage-980x634.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-homepage-480x310.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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='siter-pricing'  id=\"boomdevs_47\" id=\"siter-pricing\" class=\"wp-block-heading\">Siter Pricing<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Here is what Siter 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>Free<\/td><td>Testing the editor on a free subdomain<\/td><\/tr><tr><td>Solo<\/td><td>$7\/month<\/td><td>One personal site with a custom domain<\/td><\/tr><tr><td>Plus<\/td><td>$12\/month<\/td><td><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/accounting-software-for-freelancers\" title=\"Freelancers\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149340\" target=\"_blank\" rel=\"noopener\">Freelancers<\/a> running a few client projects<\/td><\/tr><tr><td>Pro<\/td><td>$24\/month<\/td><td>Designers and small studios with many sites<\/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 no card is needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Money-back guarantee:<\/strong> Not advertised, so test on the free plan first.<\/p>\n\n\n<style>.kb-image53872_954bdf-c4 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image53872_954bdf-c4 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"452\" src=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-pricing-1024x452.png\" alt=\"siter pricing\" class=\"kb-img wp-image-53896\" title=\"\" srcset=\"https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-pricing-1024x452.png 1024w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-pricing-980x433.png 980w, https:\/\/fahimai.com\/wp-content\/uploads\/2025\/02\/siter-pricing-480x212.png 480w\" sizes=\"auto, (min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcb0 <strong>Best Value:<\/strong> Plus at $12\/month \u2014 custom domains, more projects, and room to grow.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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='siter-vs-alternatives'  id=\"boomdevs_48\" id=\"siter-vs-alternatives\" class=\"wp-block-heading\">Siter vs Alternatives<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">How does Siter compare? Here is 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>Siter<\/strong><\/td><td>Free-form design control<\/td><td>$7\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Gamma<\/td><td>Instant AI pages<\/td><td>$8\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Durable<\/td><td>Service businesses<\/td><td>$12\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>10Web<\/td><td>WordPress hosting<\/td><td>$10\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Framer<\/td><td>Design teams<\/td><td>$10\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Dorik<\/td><td>Agency white label<\/td><td>$10.38\/mo<\/td><td>\u2b50 4.5<\/td><\/tr><tr><td>Typedream<\/td><td>Simple marketing sites<\/td><td>$15\/mo<\/td><td>\u2b50 3.5<\/td><\/tr><tr><td>Jimdo<\/td><td>Small shops<\/td><td>$11\/mo<\/td><td>\u2b50 3.5<\/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> Framer \u2014 deepest feature range for professional teams.<\/li>\n\n\n\n<li><strong>Best budget:<\/strong> Siter \u2014 paid plans start at $7 per month.<\/li>\n\n\n\n<li><strong>Best for beginners:<\/strong> Pineapple Builder \u2014 the simplest editor here.<\/li>\n\n\n\n<li><strong>Best for Figma users:<\/strong> Siter \u2014 paste frames straight into your page.<\/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 Siter Alternatives<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Looking for Siter alternatives? Here are the top options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\ude80 <strong>Gamma:<\/strong> Turns a prompt into a full site or deck in seconds. Best when speed matters more than pixel control.<\/li>\n\n\n\n<li>\u26a1 <strong>Durable:<\/strong> Generates a small business site in about thirty seconds, with invoicing and <a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/best-crm-for-insurance-agents\" title=\"CRM\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149326\" target=\"_blank\" rel=\"noopener\">CRM<\/a> tools bundled in.<\/li>\n\n\n\n<li>\ud83e\udde0 <strong>Butternut:<\/strong> AI writes copy and picks images for you, then hands over a simple editable site.<\/li>\n\n\n\n<li>\ud83d\udd27 <strong>CodeDesign:<\/strong> Generates responsive pages and lets you export clean HTML and CSS when you need it.<\/li>\n\n\n\n<li>\ud83c\udfe2 <strong>10Web:<\/strong> AI builds a WordPress site and hosts it, so you keep the plugin library behind it.<\/li>\n\n\n\n<li>\ud83d\udc76 <strong>Pineapple Builder:<\/strong> Beginner focused AI builder with a free starter tier and simple content editing.<\/li>\n\n\n\n<li>\ud83c\udf1f <strong>Framer:<\/strong> Professional design tool with strong animation, CMS, and hosting for design teams.<\/li>\n\n\n\n<li>\ud83d\udcbc <strong>Dorik:<\/strong> Clean no code builder with white label options for agencies and client work.<\/li>\n\n\n\n<li>\ud83c\udfa8 <strong>Typedream:<\/strong> Notion-style editing that makes launching a tidy marketing site feel effortless.<\/li>\n\n\n\n<li>\ud83d\udcb0 <strong>Jimdo:<\/strong> Long-running builder with a free tier, built-in store, and easy legal pages.<\/li>\n\n\n\n<li>\ud83d\udd12 <strong>B12:<\/strong> Done-for-you sites with built-in scheduling, contracts, and payments for service firms.<\/li>\n\n\n\n<li>\ud83c\udfaf <strong>Appy Pie:<\/strong> App and website builder aimed at users who want both from one platform.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For the full list, see our <a href=\"https:\/\/www.fahimai.com\/siter-alternatives\">Siter 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 Siter Compared<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here is how Siter stacks up against each competitor:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/gamma-vs-siter\" title=\"Siter vs Gamma\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149341\" target=\"_blank\" rel=\"noopener\">Siter vs Gamma<\/a>:<\/strong> Gamma wins on raw speed. Siter wins when you want to place every element yourself.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/durable-vs-siter\" title=\"Siter vs Durable\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149342\" target=\"_blank\" rel=\"noopener\">Siter vs Durable<\/a>:<\/strong> Durable suits service businesses. Siter suits designers who care about layout precision.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/butternut-ai-vs-siter\" title=\"Siter vs Butternut\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149344\" target=\"_blank\" rel=\"noopener\">Siter vs Butternut<\/a>:<\/strong> Butternut does more writing for you. Siter gives you a far better design tool.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/codedesign-ai-vs-siter\" title=\"Siter vs CodeDesign\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149334\" target=\"_blank\" rel=\"noopener\">Siter vs CodeDesign<\/a>:<\/strong> CodeDesign is better for code export. Siter is better for visual, no code building.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-10web\" title=\"Siter vs 10Web\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149335\" target=\"_blank\" rel=\"noopener\">Siter vs 10Web<\/a>:<\/strong> 10Web wins if you need WordPress. Siter wins on price and design freedom.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-pineapple-builder\" title=\"Siter vs Pineapple Builder\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149332\" target=\"_blank\" rel=\"noopener\">Siter vs Pineapple Builder<\/a>:<\/strong> Pineapple is simpler out of the box. Siter offers deeper control over every screen.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-framer\" title=\"Siter vs Framer\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149336\" target=\"_blank\" rel=\"noopener\">Siter vs Framer<\/a>:<\/strong> Framer is the stronger pro tool. Siter costs a third of the price.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-dorik\" title=\"Siter vs Dorik\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149331\" target=\"_blank\" rel=\"noopener\">Siter vs Dorik<\/a>:<\/strong> Dorik is better for reselling sites. Siter is better for hands-on design work.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-typedream\" title=\"Siter vs Typedream\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149327\" target=\"_blank\" rel=\"noopener\">Siter vs Typedream<\/a>:<\/strong> Typedream is faster to learn. Siter handles complex layouts far better.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-jimdo\" title=\"Siter vs Jimdo\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149333\" target=\"_blank\" rel=\"noopener\">Siter vs Jimdo<\/a>:<\/strong> Jimdo is safer for basic shops. Siter is stronger for custom design.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-b12\" title=\"Siter vs B12\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149338\" target=\"_blank\" rel=\"noopener\">Siter vs B12<\/a>:<\/strong> B12 includes human help. Siter costs far less and keeps you in control.<\/li>\n\n\n\n<li><strong><a class=\"wpil_keyword_link\" href=\"https:\/\/fahimai.com\/siter-vs-appy-pie\" title=\"Siter vs Appy Pie\" data-wpil-keyword-link=\"linked\" data-wpil-monitor-id=\"149343\" target=\"_blank\" rel=\"noopener\">Siter vs Appy Pie<\/a>:<\/strong> Appy Pie covers apps too. Siter is the better pure website building tool.<\/li>\n<\/ul>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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-siter-now'  id=\"boomdevs_49\" class=\"wp-block-heading\">Start Using Siter Now<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You learned how to use every major Siter feature:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 Forms Collection<\/li>\n\n\n\n<li>\u2705 Landing Page<\/li>\n\n\n\n<li>\u2705 Embed and Local Videos<\/li>\n\n\n\n<li>\u2705 Intuitive Design Tool<\/li>\n\n\n\n<li>\u2705 Group and Layers<\/li>\n\n\n\n<li>\u2705 Figma Plugin Overview<\/li>\n\n\n\n<li>\u2705 Figma Plug-in<\/li>\n\n\n\n<li>\u2705 Customizable Maps<\/li>\n\n\n\n<li>\u2705 Custom Linking<\/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 the Landing Page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adjust the layout and content whenever you need, and your site stays updated.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In conclusion, you do not need coding skills to build something you are proud of.<\/p>\n\n\n<style>.wp-block-kadence-advancedbtn.kb-btns144101_d86a25-3b{padding-top:var(--global-kb-spacing-xs, 1rem);gap:var(--global-kb-gap-xs, 0.5rem );justify-content:center;align-items:center;}.kt-btns144101_d86a25-3b .kt-button{font-weight:normal;font-style:normal;}.kt-btns144101_d86a25-3b .kt-btn-wrap-0{margin-right:5px;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button{color:#555555;border-color:#555555;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{color:#ffffff;border-color:#444444;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button::before{display:none;}.wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:hover, .wp-block-kadence-advancedbtn.kt-btns144101_d86a25-3b .kt-btn-wrap-0 .kt-button:focus{background:#444444;}<\/style>\n<div class=\"wp-block-kadence-advancedbtn kb-buttons-wrap kb-btns144101_d86a25-3b\"><style>ul.menu .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{width:initial;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button{background:#ff7700;text-transform:uppercase;}.wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:hover, .wp-block-kadence-advancedbtn .kb-btn144101_217c56-1a.kb-button:focus{color:#ffffff;background:#ff7700;}<\/style><a class=\"kb-button kt-button button kb-btn144101_217c56-1a 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\/siter\" target=\"_blank\" rel=\"noopener\"><span class=\"kt-btn-inner-text\"><strong>Try Siter 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\">Is Siter.io legit?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. Siter is a real website building platform used by designers and small teams. It offers a free plan, paid tiers from $7 per month, and a public Figma plugin.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">How does Siter.io work?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You sign up, choose a template, then drag elements onto a canvas. Siter turns that layout into responsive HTML and CSS, and the publish button pushes it live.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">How much does Siter IO cost?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siter has a Free plan. Solo costs $7 per month, Plus costs $12 per month, and Pro costs $24 per month. Pricing may change, so check the site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:25px;margin-bottom:10px;font-size:25px;font-weight:600\">Is Siter.io free?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yes. Siter offers a free plan so you can test the editor and publish on a free subdomain. Paid plans unlock custom domains and more projects.<\/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 use Siter.io in Figma?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Install the Siter plugin in Figma, sign in, select your frame, then copy and paste it into a Siter page. Check fonts and spacing after pasting.<\/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-siter\/#howto-getting-started\",\n      \"name\": \"How to Get Started with Siter\",\n      \"description\": \"Set up your Siter account and start your first project\",\n      \"totalTime\": \"PT3M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Create Your Account\",\n          \"text\": \"Go to the Siter website, click sign up, then enter your email and password.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open Your Dashboard\",\n          \"text\": \"Siter runs in the browser, so log in and open the dashboard.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Choose a Template and Add a Page\",\n          \"text\": \"Pick a template, then click Add Page to create your second screen.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-forms-collection\",\n      \"name\": \"How to Use Siter Forms Collection\",\n      \"description\": \"Forms Collection lets you collect leads and feedback without writing a single line of code.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Add a Form Block\",\n          \"text\": \"Open the left menu and drag the form element onto your page.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Set Up Your Fields\",\n          \"text\": \"Click each field to change the label text and placeholder.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Connect the Submit Button\",\n          \"text\": \"Point the submit button at your email or a webhook.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-landing-page\",\n      \"name\": \"How to Use Siter Landing Page\",\n      \"description\": \"Landing Page lets you build one focused page that turns visitors into signups.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Start From a Template\",\n          \"text\": \"Pick a template, then change the headline text to match your offer.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Rearrange the Sections\",\n          \"text\": \"Drag each section up or down until the layout reads well.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Hit the Publish Button\",\n          \"text\": \"Press the publish button in the top right to push it live.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-embed-and-local-videos\",\n      \"name\": \"How to Use Siter Embed and Local Videos\",\n      \"description\": \"Embed and Local Videos lets you add video to any section without slowing your site down.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Choose Your Video Source\",\n          \"text\": \"Upload a local file, or copy link from YouTube and paste it in.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Drop It Into the Layout\",\n          \"text\": \"Drag the video element onto the page and resize the frame.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Set the Player Options\",\n          \"text\": \"Turn autoplay off so every visitor starts the clip at 0:00.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-intuitive-design-tool\",\n      \"name\": \"How to Use Siter Intuitive Design Tool\",\n      \"description\": \"Intuitive Design Tool lets you place every element exactly where you want it on the canvas.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Canvas\",\n          \"text\": \"Open your project, then select the page you want to edit.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Drag Your Elements\",\n          \"text\": \"Move text, shapes, and images around easily with the drag and drop interface.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Fine-Tune the Spacing\",\n          \"text\": \"Use arrow keys to nudge an element one pixel at a time.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-group-and-layers\",\n      \"name\": \"How to Use Siter Group and Layers\",\n      \"description\": \"Group and Layers lets you keep busy pages organized so edits take seconds, not minutes.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Open the Layers Panel\",\n          \"text\": \"Find the layers list on the left side of the editor.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Group Related Elements\",\n          \"text\": \"Select two or more items, then group them by pressing Ctrl+G.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Rename Every Layer\",\n          \"text\": \"Give each group a clear name like Hero or Footer.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-figma-plugin-overview\",\n      \"name\": \"How to Use Siter Figma Plugin Overview\",\n      \"description\": \"Figma Plugin Overview lets you see how a Figma frame becomes a real web page.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Install the Plugin\",\n          \"text\": \"Search for Siter inside the Figma plugin browser and install it.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Sign In to Your Account\",\n          \"text\": \"Sign in with the same account you use in the Siter editor.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Pick a Target Project\",\n          \"text\": \"Choose which Siter project the frame should land in.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-figma-plug-in\",\n      \"name\": \"How to Use Siter Figma Plug-in\",\n      \"description\": \"Figma Plug-in lets you move a finished design into Siter without rebuilding it.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Select Your Frame\",\n          \"text\": \"Click the frame you want, then run the plugin from the menu.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Copy and Paste\",\n          \"text\": \"Copy the frame, open your page, and paste it onto the canvas.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Clean Up the Result\",\n          \"text\": \"Check fonts and spacing, then fix anything that shifted.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-customizable-maps\",\n      \"name\": \"How to Use Siter Customizable Maps\",\n      \"description\": \"Customizable Maps lets you show visitors exactly where your business sits.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Add the Map Element\",\n          \"text\": \"Drag the map element onto your contact page.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Set Your Address\",\n          \"text\": \"Type your address and let the map center on it.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Change the Map Style\",\n          \"text\": \"Pick a color scheme that matches the rest of your design.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"HowTo\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#howto-custom-linking\",\n      \"name\": \"How to Use Siter Custom Linking\",\n      \"description\": \"Custom Linking lets you turn any element into a link, anchor, or open overlay trigger.\",\n      \"totalTime\": \"PT5M\",\n      \"step\": [\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Select the Element\",\n          \"text\": \"Click the button, image, or text you want to make clickable.\",\n          \"position\": 1\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Choose a Link Type\",\n          \"text\": \"Open the dropdown menu and choose page, section, URL, or open overlay.\",\n          \"position\": 2\n        },\n        {\n          \"@type\": \"HowToStep\",\n          \"name\": \"Test Every Link\",\n          \"text\": \"Preview the site and click each link once before you publish.\",\n          \"position\": 3\n        }\n      ]\n    },\n    {\n      \"@type\": \"SoftwareApplication\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#software\",\n      \"name\": \"Siter\",\n      \"description\": \"Siter is a no code website builder with a drag and drop interface, responsive screens, and a Figma plugin.\",\n      \"applicationCategory\": \"Website Builder\",\n      \"operatingSystem\": \"Web\",\n      \"url\": \"https:\/\/fahimai.com\/get\/siter\",\n      \"offers\": {\n        \"@type\": \"AggregateOffer\",\n        \"priceCurrency\": \"USD\",\n        \"lowPrice\": \"0\",\n        \"highPrice\": \"24\",\n        \"offerCount\": \"4\",\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\": \"Solo\",\n            \"price\": \"7\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          },\n          {\n            \"@type\": \"Offer\",\n            \"name\": \"Plus\",\n            \"price\": \"12\",\n            \"priceCurrency\": \"USD\",\n            \"priceValidUntil\": \"2026-12-31\",\n            \"availability\": \"https:\/\/schema.org\/InStock\"\n          },\n          {\n            \"@type\": \"Offer\",\n            \"name\": \"Pro\",\n            \"price\": \"24\",\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.5\",\n        \"reviewCount\": \"1\",\n        \"bestRating\": \"5\",\n        \"worstRating\": \"1\"\n      },\n      \"featureList\": \"Forms Collection, Landing Page, Embed and Local Videos, Intuitive Design Tool, Group and Layers, Figma Plugin Overview, Figma Plug-in, Customizable Maps, Custom Linking\"\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/www.fahimai.com\/how-to-use-siter\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Siter.io legit?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Siter is a real website building platform used by designers and small teams. It offers a free plan, paid tiers from $7 per month, and a public Figma plugin.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How does Siter.io work?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"You sign up, choose a template, then drag elements onto a canvas. Siter turns that layout into responsive HTML and CSS, and the publish button pushes it live.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How much does Siter IO cost?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter has a Free plan. Solo costs $7 per month, Plus costs $12 per month, and Pro costs $24 per month. Pricing may change, so check the site.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Siter.io free?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Yes. Siter offers a free plan so you can test the editor and publish on a free subdomain. Paid plans unlock custom domains and more projects.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How to use Siter.io in Figma?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Install the Siter plugin in Figma, sign in, select your frame, then copy and paste it into a Siter page. Check fonts and spacing after pasting.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is Siter?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter is a no code website builder. It gives you a drag and drop interface, templates, a Figma plugin, and responsive design tools for any screen size.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is considered the best website builder?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"There is no single best builder. Framer suits design teams, 10Web suits WordPress users, and Siter suits people who want free-form design control at a low price.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Which is the best website builder for beginners?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter is a strong pick for beginners because it needs no coding skills. Pineapple Builder and Jimdo are also easy, with simpler editors and fewer options.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Is Siter.io good?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter is good for design-led sites and Figma users. The canvas is flexible, the layers panel is clean, and prices sit below most competing builders.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"How much does a 50 page website cost?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"On Siter, page count does not change the price. A Pro plan at $24 per month covers a large site, so cost depends on your plan, not pages.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the reasonably priced website builder?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter Solo at $7 per month is one of the cheapest paid tiers in this category. Gamma at $8 and Framer at $10 are the next closest options.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"What is the best free website builder without coding?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Siter, Gamma, Jimdo, and Pineapple Builder all offer free tiers with no coding skills needed. Siter gives the most design freedom of the four.\"\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\": \"Website Builder\",\n          \"item\": \"https:\/\/www.fahimai.com\/category\/ai\/website-builder\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 3,\n          \"name\": \"How to Use Siter\"\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Quick Start This guide covers every Siter feature: Time needed: 5 minutes per feature Also in this guide: Pro Tips | Common Mistakes | Troubleshooting | Pricing | Alternatives Why Trust This Guide I have used Siter for eight months and built four live sites with it. Every step here comes from real hands-on work, not vendor screenshots. Siter is one of the easiest website building tools available today. But most people never get past the first template. This guide shows you how to use every major feature. Step by step, with screenshots and pro tips. Siter Tutorial This How to Use Siter tutorial walks you through each feature, from [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":77274,"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":[593],"tags":[932,1182],"class_list":["post-77264","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-siter","tag-autolink","tag-how-to"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/posts\/77264","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=77264"}],"version-history":[{"count":0,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/posts\/77264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/media\/77274"}],"wp:attachment":[{"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/media?parent=77264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/categories?post=77264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fahimai.com\/ja\/wp-json\/wp\/v2\/tags?post=77264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}