Panduan Singkat
Panduan ini mencakup semua fitur Siter:
- Memulai Sebagian besar CRM lainnya mengenakan biaya tambahan untuk fitur-fitur tersebut.
- Cara Menggunakan Koleksi Formulir — Collect leads and feedback with no code
- Cara Menggunakan Landing Page — Build one focused page that turns visitors into signups
- Cara Menggunakan Video Tertanam dan Video Lokal — Add video to any section without slowing your site
- Cara Menggunakan Alat Desain Intuitif — Place every element exactly where you want it
- Cara Menggunakan Grup dan Lapisan — Keep busy pages organized so edits take seconds
- How to Use Figma Plugin Overview — See how a Figma frame becomes a real web page
- How to Use Figma Plug-in — Move a finished design into Siter without rebuilding it
- Cara Menggunakan Peta yang Dapat Disesuaikan — Show visitors exactly where your business sits
- Cara Menggunakan Tautan Kustom — Turn any element into a link, anchor, or overlay trigger
Waktu yang dibutuhkan: 5 menit per film
Juga terdapat dalam panduan ini: Tips Profesional | Kesalahan Umum | Penyelesaian Masalah | Harga | Alternatif
Mengapa Anda Harus Mempercayai Panduan Ini?
I have used Siter for eight months and built four live sites with it.
Every step here comes from real hands-on work, not vendor screenshots.
Siter is one of the easiest website building tools available today.
But most people never get past the first template.
Panduan ini menunjukkan cara menggunakan setiap fitur utama.
Langkah demi langkah, dengan tangkapan layar dan kiat-kiat profesional.
Tutorial Siter
This How to Use Siter tutorial walks you through each feature, from your first sign up to advanced layout tricks.
Siter
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.
Memulai Menggunakan Siter
Before any feature makes sense, finish this one-time setup.
Proses ini membutuhkan waktu sekitar tiga menit di komputer mana pun.
Here is what my own first project looked like:
Pilih tabel dan kolom yang memicu
Langkah 1: Buat Akun Anda
Go to the Siter website and click the sign up button.
Masukkan email Anda dan pilih kata sandi.
✓ Pos pemeriksaan: Periksa milikmu kotak-masuk for the confirmation link.
Langkah 2: Buka Dasbor Anda
Siter runs in the browser, so there is nothing to install.
The dashboard is the control center for every site you build.
Here is a quick look at what you get:
✓ Pos pemeriksaan: You can see your project list and a new project button.
Step 3: Choose a Template and Add a Page
Pick a template that sits close to your idea.
Then click Add Page to create your second screen.
You can customize that template, colors, and fonts at any time.
Siter is perfect for beginners because none of this needs coding skills.
✅ Selesai: Anda siap menggunakan fitur apa pun di bawah ini.
How to Use Siter Forms Collector
Koleksi Formulir lets you collect leads and feedback without writing a single line of code.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Langkah 1: Tambahkan Blok Formulir
Open the left menu and drag the form element onto your page.
Drop it anywhere you like on the canvas.
Step 2: Set Up Your Fields
Click each field to change the label text and placeholder.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Your form shows name, email, and message fields on the page.
Step 3: Connect the Submit Button
Point the submit button at your email or a webhook.
✅ Hasil: A live form that sends every reply straight to your inbox.
💡 Pro Tip: Add a short thank-you screen after submit so users know the form worked.
Cara Menggunakan Halaman Landing Siter
Halaman Landing lets you build one focused page that turns visitors into signups.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Step 1: Start From a Template
Pick a template, then change the headline text to match your offer.
Step 2: Rearrange the Sections
Drag each section up or down until the layout reads well.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Your hero section, proof, and call to action sit in the right order.
Step 3: Hit the Publish Button
Press the publish button in the top right to push it live.
✅ Hasil: A live landing page you can send paid traffic to today.
💡 Pro Tip: Keep one action per page, because a second button splits your clicks.
Cara Menggunakan Siter Embed dan Video Lokal
Video Tertanam dan Lokal lets you add video to any section without slowing your site down.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Step 1: Choose Your Video Source
Upload a local file, or copy link from YouTube and paste it in.
Step 2: Drop It Into the Layout
Drag the video element onto the page and resize the frame.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: The player loads inside your section and scales with the frame.
Step 3: Set the Player Options
Turn autoplay off so every visitor starts the clip at 0:00.
✅ Hasil: A video section that plays on desktop and on mobile screens.
💡 Pro Tip: 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.
Cara Menggunakan Alat Desain Intuitif Siter
Alat Desain Intuitif lets you place every element exactly where you want it on the canvas.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Langkah 1: Buka Canvas
Open your project, then select the page you want to edit.
Step 2: Drag Your Elements
Move text, shapes, and images around easily with the drag and drop interface.
Siter resizes them whenever a screen breakpoint triggers, so pages fit most perangkat.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Your elements sit where you dropped them, not where a grid forced them.
Step 3: Fine-Tune the Spacing
Use arrow keys to nudge an element one pixel at a time.
✅ Hasil: A page layout that matches the design in your head.
💡 Pro Tip: Hold Shift while dragging to lock movement to one axis.
Cara Menggunakan Grup dan Lapisan Siter
Grup dan Lapisan lets you keep busy pages organized so edits take seconds, not minutes.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Step 1: Open the Layers Panel
Find the layers list on the left side of the editor.
Step 2: Group Related Elements
Select two or more items, then group them by pressing Ctrl+G.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Your layers panel shows named groups instead of a stack of unnamed items.
Step 3: Rename Every Layer
Give each group a clear name like Hero or Footer.
✅ Hasil: A tidy page you can edit months later without guessing.
💡 Pro Tip: Lock finished groups so a stray click never drags them out of place.
How to Use Siter Plugins
Plugin Overview lets you see how a Figma frame becomes a real web page.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Langkah 1: Instal Plugin
Search for Siter inside the Figma plugin browser and install it.
Step 2: Sign In to Your Account
Sign in with the same account you use in the Siter editor.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: The plugin panel lists your Siter projects by name.
Step 3: Pick a Target Project
Choose which Siter project the frame should land in.
✅ Hasil: Figma and Siter are linked and ready to move designs across.
💡 Pro Tip: Name your Figma frames the way you want your pages named later.
How to Use Siter Figma Plug-in
Plugin Figma lets you move a finished design into Siter without rebuilding it.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Step 1: Select Your Frame
Click the frame you want, then run the plugin from the menu.
Step 2: Copy and Paste
Copy the frame, open your page, and paste it onto the canvas.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Your Figma layout appears on the canvas as editable elements.
Step 3: Clean Up the Result
Check fonts and spacing, then fix anything that shifted.
✅ Hasil: A design that took hours in Figma is now a working page.
💡 Pro Tip: Flatten heavy vector art in Figma first, or paste times climb fast.
Cara Menggunakan Peta yang Dapat Disesuaikan di Siter
Peta yang Dapat Disesuaikan lets you show visitors exactly where your bisnis sits.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Step 1: Add the Map Element
Drag the map element onto your contact page.
Step 2: Set Your Address
Type your address and let the map center on it.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: The map centers on your pin and keeps your brand colors.
Step 3: Change the Map Style
Pick a color scheme that matches the rest of your design.
✅ Hasil: A contact page that answers the where pertanyaan instantly.
💡 Pro Tip: Set the zoom one step wider than feels right on small screens.
Cara Menggunakan Penautan Kustom Siter
Penautan Kustom lets you turn any element into a link, anchor, or open overlay trigger.
— Kendalikan PC apa pun dari ponsel atau tablet Anda
Langkah 1: Pilih Elemen
Click the button, image, or text you want to make clickable.
Step 2: Choose a Link Type
Open the dropdown menu and choose page, section, URL, or open overlay.
Buka Google Play Store atau Apple App Store, cari AnyDesk, lalu ketuk Instal.
✓ Pos pemeriksaan: Hovering the element shows a pointer cursor in preview mode.
Step 3: Test Every Link
Preview the site and click each link once before you publish.
✅ Hasil: Every button on your site goes where visitors expect.
💡 Pro Tip: Use an open overlay for pricing details instead of building a whole page.
Tips dan Pintasan Siter Pro
After eight months of website building in Siter, these are the tips I use daily.
Pintasan Keyboard
| Tindakan | Jalan pintas |
|---|---|
| Kelompokkan elemen-elemen terpilih | Ctrl + G |
| Copy and paste an element | Ctrl + C, Ctrl + V |
| Duplicate in place | Ctrl + D |
| Jalankan laporan kata kunci untuk setiap bagian dari halaman pilar — bukan hanya kata kunci utama. Ini memberi Anda data sub-topik yang sering dilewatkan oleh sebagian besar penulis. | Ctrl + P |
Fitur Tersembunyi yang Sering Diabaikan Orang
- Screen frames: Try adding a Mobile Portrait screen from the Screen option on the right toolbar.
- Font library: Choose from thousands of fonts, and pick ones that stay easy to read.
- Browser resize test: Shrink your browser window to view the responsive design you built.
Kesalahan Umum yang Harus Dihindari oleh Siter
Mistake #1: Ignoring the Mobile Version
❌ Salah: Designing only for desktop, then hoping mobile screens sort themselves out.
✅ Kanan: Add a Mobile Portrait screen lebih awal and arrange elements for that viewport.
Mistake #2: Building Without Groups
❌ Salah: Leaving forty loose elements on one page with no layers named.
✅ Kanan: Group each section as you build, so later edits stay simple.
Mistake #3: Publishing Without a Preview
❌ Salah: Pressing publish and assuming every link and form works.
✅ Kanan: Preview the site, click each link, and submit the form once.
Panduan Pemecahan Masalah Siter
Masalah: Terjadi kesalahan saat mengambil informasi berbagi
Menyebabkan: Your embedded YouTube video is private, deleted, or blocked in your region.
Memperbaiki: Open the video on YouTube, use copy link on a public clip, then paste it again.
Problem: The video player says please try again later
Menyebabkan: The embed permission failed, so the player cannot load the clip.
Memperbaiki: Upload a local file instead, or swap the embed for a different video.
Problem: Elements jump around on mobile
Menyebabkan: You placed elements on the desktop screen only.
Memperbaiki: Open the mobile version, drag each element into place, then publish again.
📌 Catatan: If none of these fix your issue, contact Siter support.
Apa itu Siter?
Siter is a no code website builder that turns your design into a live site.
Think of it like a design canvas that publishes straight to the web.
That simplicity is why beginners with no website experience get on with it fast.
Saksikan ringkasan singkat ini:
Fitur-fitur utamanya meliputi:
- Koleksi Formulir: Drop a working form on any page and read replies inside your project
- Halaman Landing: A single-page layout built for one clear action
- Video Tertanam dan Lokal: Upload a local file or paste a YouTube link into any block
- Alat Desain Intuitif: A free-form canvas with real drag and drop control
- Grup dan Lapisan: Stack, name, and group elements in a clean layers panel
- Figma Plugin Overview: A short introduction to the Figma to Siter workflow
- Figma Plug-in: Copy frames from Figma and paste them into your page
- Peta yang Dapat Disesuaikan: A styled map block you can color to match your brand
- Penautan Kustom: Link elements to pages, sections, files, or overlays
Untuk ulasan lengkap, lihat ulasan kami. Ulasan Siter.
Harga Situs
Here is what Siter costs in 2026:
| Rencana | Harga | Terbaik untuk |
|---|---|---|
| Bebas | Bebas | Testing the editor on a free subdomain |
| Solo | $7/bulan | One personal site with a custom domain |
| Plus | $12/bulan | Pekerja lepas running a few client projects |
| Pro | $24/bulan | Designers and small studios with many sites |
Uji coba gratis: Yes — the Free plan never expires, so no card is needed.
Garansi uang kembali: Not advertised, so test on the free plan first.
💰 Nilai Terbaik: Plus at $12/month — custom domains, more projects, and room to grow.
Siter vs Alternatif
How does Siter compare? Here is the competitive landscape:
| Alat | Terbaik untuk | Harga | ProtoPie |
|---|---|---|---|
| Siter | Free-form design control | $7/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| Gamma | Instant AI pages | $8/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| Durable | Bisnis jasa | $12/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| 10Web | Hosting WordPress | $10/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| Pembentuk | Design teams | $10/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| Dorik | Label putih agensi | $10,38/bulan | 3.5 Sonnet saat ini memegang mahkota untuk penulisan kreatif dan penalaran yang bernuansa. Terasa lebih 'manusiawi' dan kurang robotik dibandingkan GPT-40. Untuk data mentah dan penelitian, |
| Mimpi tipe | Simple marketing sites | 7. Menguasai AI | 3.5 Soneta secara luas dianggap unggul untuk penulisan kreatif dan penalaran kompleks. Untuk riset web waktu nyata dengan sumber yang dikutip, |
| Jimdo | Small shops | 7 Alternatif Terbaik untuk Fireflies: Aplikasi Pencatat Terbaik di Tahun 2024 11 | 3.5 Soneta secara luas dianggap unggul untuk penulisan kreatif dan penalaran kompleks. Untuk riset web waktu nyata dengan sumber yang dikutip, |
RoseHosting vs MochaHost
- Tidak ada 'jejak dokumen': Framer — deepest feature range for professional teams.
- Anggaran terbaik: Siter — paid plans start at $7 per month.
- Buka aplikasi VPN Anda (seperti NordVPN), cari 'India' di daftar negara, dan klik sambungkan. Anda akan langsung mendapatkan alamat IP India. Pineapple Builder — the simplest editor here.
- Terbaik untuk pengguna Figma: Siter — paste frames straight into your page.
🎯 Alternatif Siter
Mencari alternatif Siter? Berikut adalah pilihan terbaiknya:
- 🚀 Gamma: Turns a prompt into a full site or deck in seconds. Best when speed matters more than pixel control.
- ⚡ Tahan lama: Generates a small business site in about thirty seconds, with invoicing and CRM tools bundled in.
- 🧠 Labu butternut: AI writes copy and picks images for you, then hands over a simple editable site.
- 🔧 CodeDesign: Generates responsive pages and lets you export clean HTML and CSS when you need it.
- 🏢 10Web: AI builds a WordPress site and hosts it, so you keep the plugin library behind it.
- 👶 Pembuat Nanas: Beginner focused AI builder with a free starter tier and simple content editing.
- 🌟 Pembentuk: Professional design tool with strong animation, CMS, and hosting for design teams.
- 💼 Dorik: Clean no code builder with white label options for agencies and client work.
- 🎨 Typedream: Notion-style editing that makes launching a tidy marketing site feel effortless.
- 💰 Jimdo: Long-running builder with a free tier, built-in store, and easy legal pages.
- 🔒 B12: Done-for-you sites with built-in scheduling, contracts, and payments for service firms.
- 🎯 Appy Pie: App and website builder aimed at users who want both from one platform.
Untuk daftar lengkapnya, lihat halaman kami. Alternatif Siter memandu.
⚔️ Perbandingan Siter
Here is how Siter stacks up against each competitor:
- Siter vs Gamma: Gamma wins on raw speed. Siter wins when you want to place every element yourself.
- Siter vs Durable: Durable suits service businesses. Siter suits designers who care about layout precision.
- Siter vs Butternut: Butternut does more writing for you. Siter gives you a far better design tool.
- Siter vs CodeDesign: CodeDesign is better for code export. Siter is better for visual, no code building.
- Siter vs 10Web: 10Web wins if you need WordPress. Siter wins on price and design freedom.
- Siter vs Pineapple Builder: Pineapple is simpler out of the box. Siter offers deeper control over every screen.
- Siter vs Framer: Framer is the stronger pro tool. Siter costs a third of the price.
- Siter vs Dorik: Dorik is better for reselling sites. Siter is better for hands-on design work.
- Siter vs Typedream: Typedream is faster to learn. Siter handles complex layouts far better.
- Siter vs Jimdo: Jimdo is safer for basic shops. Siter is stronger for custom design.
- Siter vs B12: B12 includes human help. Siter costs far less and keeps you in control.
- Siter vs Appy Pie: Appy Pie covers apps too. Siter is the better pure website building tool.
Mulai Gunakan Siter Sekarang
Anda telah mempelajari cara menggunakan setiap fitur utama Siter:
- ✅ Koleksi Formulir
- ✅ Halaman Utama
- ✅ Sematkan dan Video Lokal
- ✅ Alat Desain Intuitif
- ✅ Grup dan Lapisan
- ✅ Figma Plugin Overview
- ✅ Figma Plug-in
- ✅ Peta yang Dapat Disesuaikan
- ✅ Penautan Kustom
Langkah selanjutnya: Pilih satu fitur dan coba sekarang juga.
Most people start with the Landing Page.
Adjust the layout and content whenever you need, and your site stays updated.
In conclusion, you do not need coding skills to build something you are proud of.
Pertanyaan Yang Sering Muncul
Apakah Siter.io terpercaya?
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.
Bagaimana cara kerja Siter.io?
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.
Berapa harga Siter IO?
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.
Apakah Siter.io gratis?
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.
Bagaimana cara menggunakan Siter.io di Figma?
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.
English 
Spanish 
Chinese 
German 
French 
Arabic 
Russian 
Portuguese 
Japanese 
Korean 
Italian 
Turkish 
Dutch 
Polish 
Indonesian 
Thai 
Vietnamese 