{"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\/zh\/how-to-use-siter","title":{"rendered":"\u5982\u4f55\u4f7f\u7528 Siter\uff1a10 \u5206\u949f\u5185\u642d\u5efa\u7f51\u7ad9 (2026)"},"content":{"rendered":"\n<h2 id='quick-start'  id=\"boomdevs_1\" class=\"wp-block-heading\">Quick Start<\/h2>\n\n\n\n<div class=\"wp-block-group quick-start-logo is-layout-flow wp-block-group-is-layout-flow\"><style>.kb-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, [&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\/zh\/wp-json\/wp\/v2\/posts\/77264","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/comments?post=77264"}],"version-history":[{"count":0,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/posts\/77264\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/media\/77274"}],"wp:attachment":[{"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/media?parent=77264"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/categories?post=77264"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fahimai.com\/zh\/wp-json\/wp\/v2\/tags?post=77264"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}