How To

How-To Guides

Text-based setup and builder guides for the tasks people need most.

Quick Guide Navigation

All Guides

10 guides
getting started

Create Your First Page

**Step 1: Start a New Page** • From the dashboard or Pages page, click "Create New Page" • Choose a template or start from a blank page • Wait for the builder to open on your new page **Step 2: Add Your Core Content** • Click text elements to edit them directly • Use the sidebar to add buttons, images, forms, and other blocks • Save often while building out the first version **Step 3: Review the Layout** • Rearrange elements in the builder until the page reads clearly from top to bottom • Check spacing, headings, and call-to-action placement • Preview the page before publishing **Step 4: Publish** • Use the Publish action in the top toolbar • Open the public page URL to verify the live result
publishing

Publish a Page and Update Its URL

**Publishing a Page** • Open the page in the builder • Use the Publish action in the top toolbar • Confirm the page is live by opening its public URL **Changing the Public URL** • Open page settings or the slug field in the builder • Update the slug or URL path • Save the page and reopen the public link to confirm the new address **Common URL Checks** • Make sure the page is published before testing the link • Avoid duplicate or confusing slugs • Recheck the public URL after major title or slug changes
settings

Understand Page Limits and Membership Upgrades

**Free Plan Basics** • The free plan is limited to one published page • If you need another page, remove an older published page or upgrade your plan **When to Upgrade** • Upgrade when you need more pages, more advanced publishing options, or additional account features • Review current plan details from the Membership page **Managing Billing** • Use the Membership page to start checkout, manage billing, or cancel a paid plan • Canceling a paid plan downgrades you back to free at the end of the billing period
features

Add and Manage Builder Elements

**Adding Elements** • Open the builder sidebar and choose the block you want to add • Insert text, images, buttons, forms, bookings, and other supported elements • Use the properties panel to configure each element after it is placed **Editing Elements** • Click any element to update text, spacing, styling, and behavior • Use the layers or on-page selection flow to target the right block • Save after major edits so changes are preserved **Organizing the Page** • Keep the main message near the top • Use headings and sections to break up long pages • Remove unused elements instead of leaving placeholders behind
getting started

Use Templates and Save Reusable Layouts

**Starting from a Template** • Choose a template when creating a new page if you want a faster starting point • Replace template content with your own copy, imagery, and links **Saving Reusable Work** • Save strong page layouts as templates when you want to reuse them later • Keep reusable layouts focused on structure so they are easier to adapt to other campaigns **Template Cleanup** • Review every template page before publishing • Update the slug, SEO details, and calls to action so the page is specific to its new use case
optimization

Optimize for Mobile Layouts

**Use Mobile Preview** • Check the mobile preview before publishing • Make sure text remains readable and buttons are easy to tap **Layout Adjustments** • Shorten crowded sections • Reduce oversized images or spacing that pushes key content too far down • Keep the primary call to action visible without making users hunt for it **Mobile Quality Checks** • Verify menus, forms, and buttons all work on a narrow viewport • Check that public pages do not overflow horizontally • Reopen the live page on a phone after major layout changes
optimization

Improve Calls to Action and Tracked Clicks

**Call-to-Action Basics** • Keep button text short and explicit • Place the main action near the top and repeat it when the page is long • Make sure the action matches the promise of the page **Tracked Clicks** • Turn click tracking on only for supported elements you actually want counted • Review analytics after enabling tracked clicks to confirm the event is useful **A/B Testing Readiness** • Use clear CTA labels before starting a test • Avoid testing too many changes at once when the main goal is click-through improvement
design

Work with Colors, Fonts, and Visual Hierarchy

**Color Choices** • Keep your palette tight and consistent • Use strong contrast for headings and buttons • Reserve accent colors for calls to action or emphasis **Typography** • Use a readable heading scale and consistent body text sizing • Avoid mixing too many font styles on one page **Visual Hierarchy** • Put the most important message first • Support it with a short explanation and a clear CTA • Use spacing to separate sections instead of stuffing everything together
settings

Manage Page Settings and SEO Fields

**Core Page Settings** • Set a clear title and description • Review the page slug before publishing • Check the public URL after saving changes **SEO Fields** • Write a focused title and meta description • Add useful keywords only when they genuinely match the page content • Use descriptive alt text for important images **Before You Publish** • Preview the page • Recheck social preview fields if they matter for sharing • Confirm the live page still reflects the latest saved version
features

Use Webicly AI and Built-In SEO Tools

**Managed AI** • Webicly selects AI models internally based on the task • You do not need to choose a model or enter OpenAI or Claude API keys **Where AI Helps** • AI can assist with copy suggestions, button wording, layout analysis, and SEO support • Review the output and edit it so the final page still sounds like you **Best Practices** • Give AI a clear goal before generating text • Keep your strongest offer and CTA visible even after AI-assisted edits • Use analytics and tracked clicks to judge whether the AI-assisted version is actually performing better