How can we help?

Create a website

Start a new site from a template or a blank page. It’s ready to edit in seconds.

1. In your Snapps dashboard, open My Sites.
2. Click + Build Now.
3. Pick a category on the left (Agency, Blog, Brick & Mortar, Funnel, Lead Gen, Small Business, Store or Wireframe) or search the library.
4. Click a template to start from it, or choose Blank Template to start from an empty page.
5. Snapps creates your site and opens it in the editor.

Every new site gets a free address like yoursite.snapps.site, so you can preview and share it before you have a domain.

Your sites in the dashboard

My Sites lists every site you’ve built with the Snapps builder, with its address, status and traffic.

• Address: the site’s free .snapps.site address, or your domain once connected.
• Status: Published or Unpublished, and when it was last updated.
• Stats: total visits, unique visitors and page views.
• Edit Site opens the editor. Publish Site pushes your latest changes live.
• The ⋮ menu has View Site, Publish Site, Settings, Rename Site, Copy Site ID, Share Site and Delete.

A tour of the editor

Tools on the left, your page in the middle, settings for whatever you select on the right.

Left toolbar

• Add: every section and element you can place.
• Layers: the page’s structure, for selecting and reordering.
• Saved: sections you’ve bookmarked to reuse.
• Pages, Popups, Blog, Forms, Media: your content.
• Theme: site-wide colours, fonts, buttons, spacing and form style.
• Hidden: show or hide elements that are turned off for the current device.
• Settings: domain, business info, SEO, redirects and code.

Top bar

• The page switcher jumps between pages, popups and the blog post layout.
• Undo and Redo.
• Desktop, Tablet and Mobile views.
• Preview opens the page in a new tab. Publish makes your changes live.

Right panel

Click anything on the page to edit it here. Most items have Content (or Layout), Style and Advanced tabs. With nothing selected, it shows the page’s address and search preview.

Save, preview and publish

Your work saves automatically. Publishing is what makes it visible to visitors.

1. Edit as usual. The status at the top shows Saved once a change is stored.
2. Click Preview to see the page in a new tab, exactly as visitors will.
3. Click Publish. Check Publishing to shows the right address, then click Publish now (or Preview first).
4. When you see Your site is live, your changes are online.

You can keep editing while it publishes. Anything you change goes out with your next publish.

Undo, redo and keyboard shortcuts

Step back through changes and work faster with shortcuts.

• Undo: Ctrl+Z (Cmd+Z on Mac), or the Undo arrow in the top bar.
• Redo: Ctrl+Shift+Z (Cmd+Shift+Z), or the Redo arrow.
• Duplicate the selected item: Ctrl+D (Cmd+D).
• Delete the selected item: Delete or Backspace.
• Set both sides of spacing: hold Alt while typing a margin or padding value.
• Close a menu or panel: Esc.

Launch checklist

Run through this before you share your site.

1. Content: replace every template headline, paragraph, photo and testimonial.
2. Business info: fill in Settings › Business info (name, contact, address, hours, social, favicon).
3. SEO: set a default title, description and language in Settings › SEO, and a title and description for key pages.
4. Forms: check every form’s notification email and test it on the published site.
5. Mobile: check every page in Mobile view.
6. Links: click every button and menu item in Preview.
7. Search engines: turn off Hide the whole site from Google if you used it while building.
8. Domain: connect your domain in Settings › Domain and publish.

Browser requirements

The editor runs in your browser. There’s nothing to install.

• Use a current version of Chrome, Edge, Firefox or Safari on a desktop or laptop.
• A wide screen makes editing comfortable; phones are too small for the editor.
• Your published site works on all modern browsers, phones and tablets.

How pages are built: sections, columns and elements

Every page is a stack of sections. Sections hold columns, and columns hold elements.

• Section: a full-width band of the page with its own background and spacing.
• Column: a vertical area inside a section. Columns sit side by side and stack on phones.
• Inner Row: a row of columns inside a column, for layouts within layouts.
• Element: the content itself: headings, text, images, buttons, forms and more.

Layers shows this structure for the current page, plus the header and footer that appear on every page.

Add, move, duplicate and delete sections

Build a page by stacking sections.

1. Open Add and drag Section onto the page, or click it to add it below the selected section. You can also use the Add section button between sections.
2. Hover a section to see its toolbar: Move up, Move down, Duplicate, Save section and Delete.
3. Or select it and use the … menu at the top of the right panel.

Add and arrange elements

Elements are the building blocks inside sections.

1. Open Add. Search by name or browse Layout, Basic, Content and Blog.
2. Drag an element onto the page, or select something on the page and click the element to add it right below.
3. Move elements by dragging them on the canvas or in Layers, or with Move up / Move down.

What’s in Add

• Layout: Header, Footer, Section, Column, Inner Row, Spacer, Divider.
• Basic: Heading, Text, Image, Button, Icon, Social Icons, List.
• Content: Before / After, Gallery, Tabs, Accordion, Slider, Counter, Rating, Reviews, Testimonials, Pricing, Google Reviews, Nav, Breadcrumbs, Hours, Form, HTML, Map, Video.
• Blog: Posts (and post layout elements when editing the blog template).

Columns and section layout

Choose how many columns a section has and how it fills the screen.

1. Select the section and open the Layout tab.
2. Columns: pick a layout. Picking one adds or merges columns and keeps your content.
3. Width: Boxed keeps content within the site width; Full width runs edge to edge. You can also set a custom content width.
4. Height: Fit content, Full screen (fills the visitor’s screen) or Custom with a minimum height.
5. Gap between columns, Content alignment and Direction (Row, or Stack to put columns on top of each other).

Select a column to set its own width, background and alignment of the elements inside it.

Theme: colours, fonts and global styles

Theme styles apply across the whole site, so one change updates every page.

1. Open Theme in the left toolbar.
2. Colors: set Primary, Secondary, Text, Accent, Background and extra colours. Click Add color to add more.
3. Typography: choose the heading and body fonts, then the size, weight and line height of H1 to H6 and paragraphs.
4. Buttons: the Primary and Secondary button styles.
5. Layout: content width and section, column and widget spacing.
6. Images, Background and Forms: image corners, the page and site background, and the style every form uses.

Use the Desktop, Tablet and Mobile tabs at the top of Theme to give smaller screens their own sizes. Tablet and mobile inherit desktop until you change them.

Backgrounds: colour, image, slideshow and video

Give a section or column a colour, a photo, a rotating set of photos or a silent video.

1. Select the section and open Style › Background.
2. Color: pick a theme colour or a custom one.
3. Image: click Replace to choose from Media. Drag the dot to set which part stays visible when cropped, and choose Fit (Cover, Contain, Original size or Stretch).
4. Slideshow: under Image, use Choose images and pick several. Set how often it changes.
5. Video: upload an MP4 (up to 20 MB) or paste a YouTube or Vimeo link. It plays muted on a loop, without controls.
6. On scroll: Stays fixed gives a parallax effect for images.

Overlay, corners, border and shadow

Add an Overlay (Dark, Light or Primary, with a strength) to keep text readable over photos. Under Shape, choose Square, Soft or Round corners, a border and a shadow.

Spacing, padding and alignment

Control the space inside and around any section, column or element.

1. Select the item and open Advanced › Spacing.
2. Click a number in the MARGIN (outside) or PADDING (inside) box and type a value in pixels.
3. Hold Alt while typing to set the opposite side to the same value.

Default spacing between sections, columns and elements across the site is in Theme › Layout.

Design for desktop, tablet and mobile

Every Snapps site is responsive. Fine-tune each screen size without separate pages.

1. Use the Desktop, Tablet and Mobile buttons at the top of the editor.
2. In Tablet or Mobile view, spacing and visibility changes apply to that device only.
3. In Theme, open the Mobile tab to set smaller heading sizes.
4. Columns stack on phones. In the section’s Layout tab, turn off Stack columns on mobile to keep them side by side, or turn on Reverse order on mobile to show the second column first.

Show or hide items on each device

Hide something on phones (or desktop) without deleting it.

1. Select the section, column or element.
2. Open Advanced › Show on and turn off Desktop, Tablet or Mobile.
3. Use Hidden in the left toolbar to show or hide those items on the canvas while you work.

Entrance animations and hover effects

Add motion to any section, column or element. No code needed.

1. Select the item and open Advanced › Motion.
2. Entrance animation: Fade in, Fade up, Fade down, Slide in from right, Slide in from left or Zoom in. Add a Delay to stagger items.
3. Hover effect: Grow, Lift with shadow or Shrink.

Entrance animations play when the item scrolls into view on the published site and in Preview.

Save sections and reuse them

Save a section once and add it to any page.

1. Hover the section on the canvas and click the bookmark (Save section) in its toolbar.
2. To use it, open Saved in the left toolbar and click it. It’s added after the selected section, or at the end of the page.
3. Edit the copy freely. It doesn’t change the saved original.

Sticky sections and headers

Keep the header, or any section, visible as visitors scroll.

1. Select the header (or a section).
2. Open Advanced › Behavior.
3. Turn on Stick to the top while scrolling.

Add, rename, duplicate and delete pages

Manage pages in the Pages panel.

1. Open Pages and click New page.
2. Enter a Page name. The Page path fills in for you; change it if you like. Click Add page.
3. Use a page’s … menu for Rename, Page settings, Duplicate, Hide from navigation, Make it a menu folder and Delete page.

Your homepage

The homepage lives at the root of your address (/) and has the Homepage badge in Pages.

Edit it like any page. Its address can’t change, because the homepage always lives at the root.

To use different content as your homepage, move that content into Home (save the sections, then add them from Saved), and redirect the old page’s address in Settings › Redirects.

Menus, dropdowns and menu folders

Your menu is built from your pages, in the order they appear in Pages.

1. Reorder pages in Pages to reorder the menu.
2. Nest pages under another page to make a dropdown.
3. For a dropdown heading that isn’t a page, use a page’s … menu › Make it a menu folder, and nest pages under it.
4. Keep a page out of the menu with Hide from navigation.

Custom menu items

Select the Nav element and open Menu items. Click Add link to add your own menu items. Reset to pages goes back to the automatic menu built from your pages.

Style the menu

Change how the Nav element looks on desktop and in dropdowns.

1. Select the Nav element in the header (Layers › Header › Nav).
2. In Style, set direction, alignment, font, size, colours and spacing.
3. Choose a Pointer (underline, overline, double, framed, background or text) and its animation.
4. Style dropdowns: size, colours, padding, width, distance, corners, border, divider and shadow.

The mobile menu

On phones the menu becomes a button that opens a drawer.

1. Switch to Mobile view and select the Nav element.
2. In Style, set the toggle icon (bars, staggered or dots), its colour, size and shape, and the menu button position.
3. Set where the drawer opens from, its width and background, whether it shows your logo and a close button, and its font, size, colour, alignment and text position.

Header and footer

The header and footer appear on every page. Edit them once and every page updates.

1. Click the header (or footer) on the canvas. The panel confirms it appears on every page.
2. Edit the logo, menu, buttons and text inside it like any section.
3. Use Layout and Style for columns, background and borders. Make the header sticky in Advanced › Behavior.

Links: pages, websites, sections, phone, SMS, WhatsApp and popups

Buttons, images, icons, list items and text can link anywhere.

1. Select the element and open Link.
2. Choose Page, External URL, Popup, Tel, SMS, WhatsApp or Email.
3. For Tel, SMS and WhatsApp, include the country code (1 for the US). SMS and WhatsApp can have a pre-filled message.
4. Choose Open in: Same tab or New tab.

Link to a section of a page

1. Select the section you want to link to and give it an Anchor ID in Advanced (for example pricing).
2. On the button, choose Page, pick the page and choose the anchor.

Change a page's address

Give a page a shorter or clearer URL.

1. Open Pages, then the page’s … menu › Page settings.
2. Edit the path on the General tab. Settings save automatically.
3. Publish.

Create popups

Use popups for offers, newsletter sign-ups, announcements and quick contact forms.

1. Open Popups and click New popup. Pick a template or start blank, and name it.
2. Edit its content on the canvas like a page.
3. In Popup settings, choose the type: Modal, Slide in, Top bar, Bottom bar or Full screen, plus size, position, backdrop, close options and animation.
4. Click Done editing to go back to your page.

A popup’s status in the list is Live, Needs a trigger or Disabled.

When popups open

Choose what makes a popup appear, and who sees it.

Open this popup when…

• The page has been open for a number of seconds.
• They scroll past a percentage of the page.
• They’re about to leave (desktop only).
• They stop interacting for a number of seconds.
• A button or link set to open it (Link › Popup). This always works.

Audience

• How often: every visit or once per visitor.
• On these pages: all pages or selected pages.
• On these devices: desktop, tablet and mobile.

Keep a page private

There’s no password protection for pages yet. You can keep a page out of sight.

1. Use Hide from navigation on the page.
2. In Page settings › SEO, turn on Hide from search engines.
3. Share the link only with the people who need it.

Sites in more than one language

Snapps doesn’t translate automatically, but you can publish several languages.

1. Set your main language in Settings › SEO › Site language.
2. Duplicate pages and translate the copies, with paths such as /es/servicios.
3. Group them in a menu folder (for example Español), or add a language link in the header.

Headings and text

Use Heading for titles and Text for paragraphs.

1. Add a Heading or Text from Add.
2. Type in the right panel, or double-click the text on the page.
3. Text has a toolbar for bold, italic, underline, lists, links and more.
4. In Style, set the font, size, weight, colour, alignment, line height, letter spacing, case and text shadow. Headings also have a level (H1 to H6).

Image beside text

A Text element can carry an image that text wraps around. Choose the image, its alt text, side and width, and how it behaves on phones.

Business data in text

Use the business data button to insert your phone, email, address or a custom field from Business info. Change it once in Settings and it updates everywhere.

Images

Add a single image with a link, caption and the right crop.

1. Add an Image and click Choose image (or Replace image).
2. Pick from Media or upload a new image.
3. Add Alt text and an optional Caption and Link.
4. In Style, set width, height, aspect ratio, object fit (Cover, Contain, Fill, Scale down), corners and border.

Buttons and floating buttons

Buttons tell visitors what to do next. Any button can float in a corner of the screen.

1. Add a Button and type its label.
2. Set its Link (page, website, popup, phone, SMS, WhatsApp or email).
3. Add an optional icon before or after the label.
4. In Style, choose the Type (Primary or Secondary from your theme) or customise colours, gradients, borders, corners and hover style.

Floating buttons

Set Float in corner to a corner, choose which devices it floats on, and the distance from the edge. Great for Call now or WhatsApp buttons. Put it in the header or footer to show it on every page.

Icons and social icons

Add single icons, or a row of links to your social profiles.

• Icon: search the icon library or upload your own SVG. Set size, colour, hover colour, shape and background, and an optional link.
• Social Icons: add networks and profile URLs, or turn on business data to use the profiles in Settings › Business info › Social. Choose shape, size, colours and whether to show labels.

Lists

Show points clearly with bullets, numbers, checks or custom icons.

1. Add a List.
2. Choose a style: Bullets, Numbers, Checks or Plain.
3. Click Add item. Each item can have its own icon and link.
4. Style the size, colour, alignment and gap between items.

Galleries

Show several photos with an optional lightbox.

1. Add a Gallery and click Add images.
2. Give each image alt text, a title or caption, and an optional link. Drag to reorder.
3. Choose a layout: Grid, Masonry, Justified or Cards, the number of columns, gap and aspect ratio.
4. Turn the Lightbox and captions on or off.

Sliders

Rotate full-width slides with a heading, text and button.

1. Add a Slider and click Add slide.
2. Give each slide a background image (with alt text), heading, text and button.
3. Set autoplay, seconds per slide, loop, pause on hover and the transition (Slide or Fade).
4. Show or hide arrows and dots, and style the text and button.

Before / After

Compare two images with a draggable handle. Ideal for renovations, cleaning and design work.

1. Add a Before / After element and choose both images.
2. Set the labels, whether they show, and the starting position of the handle.
3. Style the size, aspect ratio, corners and handle colour.

Tabs and accordions

Fit more content in less space.

• Tabs: click Add tab, give each a label and content. Set tab direction, alignment and styles.
• Accordion: click Add item, give each a title and content. Choose the icon and its position, and whether opening one closes the others.

FAQ rich results

On an accordion of questions and answers, turn on FAQ schema (SEO). Google can then show your answers directly in search results.

Counters

Numbers that count up as visitors scroll to them.

1. Add a Counter.
2. Set the Number and an optional Start number.
3. Add a prefix (such as $) or suffix (such as + or %) and a label.
4. Set the count-up time and whether to use a thousands separator.
5. Style the number and label.

Ratings, reviews and testimonials

Show what customers say.

• Rating: stars with a title and optional value, for example 4.9 out of 5.
• Reviews: review cards in a grid, carousel or list, with name, rating, date and text.
• Testimonials: a carousel of quotes with name, title and photo.
• Google Reviews: your real Google reviews (see Show your Google reviews).

Show your Google reviews

Pull your real reviews from Google onto your site.

1. Add Google Reviews.
2. Paste your business’s Google Maps link (or its Google Data ID) into Data ID.
3. Click Fetch reviews.
4. Choose the review language, minimum rating, maximum number of reviews and how much text to show.
5. Pick the layout and style the cards.

Pricing plans and price lists

Show plans side by side, or a list of items with prices.

1. Add Pricing.
2. Choose the layout: Plans or Price list.
3. For each item, set the name, price, per (for example / month), description and features (one per line).
4. Mark your recommended plan as featured and give it a badge such as Most popular.
5. Style the cards, accent colour, fonts and feature marker (Check, Dot or None).

Business hours

Show opening hours with an open or closed status.

1. Set your hours in Settings › Business info › Hours.
2. Add an Hours element. It uses your business hours automatically.
3. Choose options such as grouping days, showing closed days, highlighting today, showing open/closed and 12- or 24-hour time.

Maps

Show your location on a map.

1. Add a Map.
2. Type the address and set the zoom.
3. In Style, set the aspect ratio, a fixed height if you prefer, and the width.

Videos

Play a YouTube or Vimeo video, or your own MP4.

1. Add a Video.
2. Choose the Source, then paste the link or upload an MP4.
3. Choose autoplay, mute, loop, player controls and privacy mode.
4. Set the aspect ratio, width and corners.

Breadcrumbs

Show visitors where they are, like Home › Services › Roofing.

1. Add Breadcrumbs, usually at the top of inner pages.
2. Choose the home label, whether to show home and the current page, and whether to hide it on top-level pages.
3. Pick a divider (slash, chevron, arrow or dot) and colours.

Spacers and dividers

Add breathing room or a separating line.

• Spacer: empty space of a set height.
• Divider: a line with an optional label in the middle. Choose style (solid, dashed, dotted, double), weight, colour, width and spacing.

HTML and embeds

Add anything that comes as embed code: booking calendars, maps, forms, widgets.

1. Add HTML.
2. Paste the embed code.
3. Preview to check it works.

Countdown timers, tables and other extras

A few things aren’t built in yet. The HTML element covers them.

• Countdown timer: paste embed code from a countdown service into an HTML element. (The Counter element counts up to a number, not down to a date.)
• Tables: paste table HTML into an HTML element, or use Pricing for price lists.
• Booking tools: paste the inline embed from Calendly, Acuity or similar, or link a button to your booking page.

Upload and manage images

All your images live in the Media library.

1. Open Media.
2. Drop images in or browse. PNG, JPG, WebP, SVG and GIF are supported.
3. Use the All, On site and Unused filters.
4. Click an image to edit its alt text, copy its link, see where it’s used, or delete it.

How Snapps optimizes images

You don’t need to resize photos for each screen.

Every upload is converted to WebP in four sizes (160, 480, 960 and 1600 pixels wide). Each visitor’s browser loads the size it needs, and the space is reserved so the page doesn’t jump while images load.

• Upload photos around 1600 to 2000 pixels wide.
• Use SVG or PNG for logos.
• Keep originals under a few MB for fast uploads.

Alt text

Alt text describes an image for screen readers and search engines.

1. Open Media and click the image, or select the Image element.
2. Type a short, specific description, such as “Technician repairing a boiler”.
3. Galleries and sliders have an alt text field for each image.

Favicon and sharing image

The favicon shows in browser tabs; the sharing image shows when your link is shared.

• Favicon: Settings › Business info › General › Favicon. A square PNG, ICO, SVG or WebP, at least 32 × 32 px.
• Sharing image: Settings › SEO › Sharing image, 1200 × 630 px. Each page can have its own in Page settings › SEO.

Share files for download

Media holds images. For PDFs and other files, link to them.

1. Upload the file to a service you trust (Google Drive, Dropbox) and copy a public link.
2. Add a Button such as “Download our menu”.
3. Set its Link to External URL, paste the link and open it in a new tab.

Create a form

Create a form once in Forms, then place it on any page.

1. Open Forms and click New form (or open an existing one).
2. On Fields, click Add field. Set each field’s label, type, placeholder, default value, width and whether it’s required. Drag to reorder.
3. Choose the layout: Stacked or Two column.
4. Click Save form.
5. On a page, add the Form element and choose your form.

Field types

Text, Email, Phone, URL, Number, Textarea, Select, Checkbox, Radio buttons, Consent, Date, Hidden and File upload. Widths are Auto, 100%, 75%, 50%, 33% or 25%; half-width fields sit side by side.

Get an email for every submission

Send each new lead to your inbox.

1. Open the form and go to Actions after submit.
2. Add a Notification email and enter the address.
3. Save the form and publish.

Send visitors an automatic reply

Confirm to visitors that you got their message.

1. Make sure the form has an Email field.
2. In Actions after submit, add Auto-reply to visitor.
3. Write the Subject and Message, set the From name they’ll see and a Reply-to email for their answers.
4. Save and publish.

Thank-you message or redirect

Choose what visitors see after they submit.

• Thank you message: shown in place of the form.
• Redirect URL: send visitors to a thank-you page instead.
• Submit button label: change the button text.

File uploads

Let visitors attach photos or documents.

1. Add a field and set its type to File upload.
2. Allow one file, or several (up to 5). Each file can be up to 10 MB.
3. Save and publish.

Consent checkboxes and required fields

Collect consent and make sure you get what you need.

• Consent: a checkbox with your policy link and link text, for marketing or privacy consent.
• Required: visitors can’t submit until the field is filled in.
• Field type: Email, Phone, URL and Number check what visitors type.

View and export submissions

Every submission is stored, even if an email goes astray.

1. Open Forms and the form.
2. Open Submissions to see every lead.
3. Click Export CSV for a spreadsheet.

Send submissions to Google Sheets

Add every lead as a new row in a Google Sheet.

1. Open your Google Sheet and choose Extensions › Apps Script.
2. In the form’s Webhook action, open Send to Google Sheets and copy the Apps Script. Replace the code in Apps Script with it and save.
3. Choose Deploy › New deployment › Web app. Set Who has access to Anyone, then Deploy and allow access.
4. Copy the Web app URL (it ends in /exec) and paste it into Webhook URL. Save the form.

Each form field becomes a column. New fields add a column on their own.

Connect a CRM or automation tool

Send leads to HubSpot, Zapier, Make, your CRM or your own server.

1. Create an incoming webhook in your tool and copy its URL.
2. In the form’s Actions after submit, add Webhook and paste the URL.
3. Save the form and send a test submission.

Snapps POSTs each submission as JSON. Webhooks work in Preview and on the published site.

Spam protection

Forms include built-in protection against bots.

Every published form has a hidden field that bots fill in and people never see. Those submissions are rejected automatically. There’s nothing to set up.

Not receiving form emails?

Work through these checks.

1. Look in the form’s Submissions. If the lead is there, the form works and the issue is the email.
2. Check there’s a Notification email action with the right address, and the form is saved.
3. Make sure you’ve published since adding it.
4. Check spam and junk folders, and add the sender to your contacts.
5. Check the page’s Form element uses the form you edited.

Style forms

Make forms match your brand.

• Theme › Forms sets the style every form uses.
• Each form’s Design settings override it: background, borders, labels, inputs and the button.
• Hide labels for a compact form; placeholders then guide visitors.

Write and publish a blog post

Create posts in the Blog panel.

1. Open Blog › Posts and click New post.
2. Add the Post title, URL slug, Author, Cover image and Post content.
3. Set the status to Published (or keep it as Draft) and save.
4. Publish your site to put the post online.

Design the blog post layout

One template shapes every post, so you design it once.

1. Open Blog › Layout, or Pages › Templates › Blog post layout.
2. Build the layout with the post elements: Post Title, Post Content, Post Author, Post Date, Post Meta, Post Cover and Related Posts, plus any normal element.
3. Click Done editing. Every post uses it.

List posts on a page

Show your latest posts on the homepage or a blog page.

1. Add the Posts element (Add › Blog).
2. Set how many posts, the order (by date or title, ascending or descending) and an offset.
3. Choose the skin and columns, image ratio, and which parts show: image, title, excerpt (with length), date, author and Read more text.

Blog addresses

Choose how post addresses look.

1. Open Blog › Settings.
2. Choose the URL pattern: posts under /blog/ or at the root of your site.
3. Set the Blog index path, the page that lists your posts.

Blog SEO

Help each post get found and shared.

• Write a clear title and a short, readable URL slug.
• Add a cover image. It’s used in post lists and when the post is shared.
• Use headings in the content and add alt text to images.
• Link related posts to each other.

SEO essentials

A short setup that helps Google understand and show your site.

1. In Settings › SEO, set a Default title, Default description and Site language.
2. Give key pages their own meta title and description in Page settings › SEO.
3. Fill in Settings › Business info. Snapps turns it into structured data.
4. Use one H1 per page, add alt text to images, and turn on FAQ schema for your FAQ accordion.
5. After publishing, submit /sitemap.xml in Google Search Console.

Page titles and descriptions

Control how each page appears in Google.

1. Open the page’s … menu › Page settings › SEO (or click Edit SEO in the right panel with nothing selected).
2. Write a Meta title (up to about 60 characters).
3. Write a Meta description (aim for 120 to 160 characters).
4. Check the Google preview.

Hide a page or the whole site from Google

Keep pages out of search results while they stay reachable by link.

• One page: Page settings › SEO › Hide from search engines. It adds noindex and the page shows a No index badge.
• Whole site: Settings › SEO › Hide the whole site from Google. Only for sites still being built.

Sitemap and robots.txt

Snapps creates both for you.

• Your sitemap is rebuilt on every publish at /sitemap.xml. Hidden pages are left out.
• robots.txt uses a standard file. To change it, open Settings › SEO › robots.txt › Customize. Leave it blank to go back to the generated file.

Redirects

Send visitors and Google from an old address to a new one.

1. Open Settings › Redirects.
2. Enter the old path in From and the new path or full URL in To.
3. Choose Permanent (301) for a page that moved for good, or Temporary (302) for a short-term change. Click Add.
4. Publish.

Google Analytics, Search Console and Tag Manager

Measure traffic and see how you appear in Google.

• Google Analytics: paste your measurement ID (G-…) in Settings › SEO.
• Google Tag Manager: paste your container ID (GTM-…) in Settings › SEO.
• Search Console: choose the HTML tag method, paste the meta tag in Settings › Code injection › Head, publish, then verify and submit your sitemap.

Meta Pixel and OpenAI Pixel

Track ad conversions without code.

• Meta (Facebook) Pixel: paste the pixel ID from Meta Events Manager in Settings › SEO.
• OpenAI Pixel: paste the pixel ID from ChatGPT Ads in Settings › SEO.

Social sharing previews

Control what shows when your link is shared on WhatsApp, Facebook or X.

• Site-wide image: Settings › SEO › Sharing image (1200 × 630).
• Per page: Page settings › SEO › Social share image.
• The title and description come from the page’s SEO settings.

Site language

Tell browsers and search engines what language your site is in.

Set it in Settings › SEO › Site language with a code such as en, es or pt-BR. It sets the page’s lang attribute.

How publishing works

Snapps saves every edit as you go. Nothing changes on your live site until you publish.

1. Click Publish at the top right of the editor.
2. Check Publishing to. It shows your free address, and your own domain once it’s connected (use Add domain to connect one).
3. Click Publish now, or Preview first to look before you publish.
4. Snapps builds and uploads your pages. When you see Your site is live, your changes are online.

You can keep editing while it publishes. Anything you change goes out with your next publish.

What a publish includes

• Every page, the header and footer, popups and published blog posts.
• SEO titles and descriptions, the sitemap and robots.txt.
• Redirects, tracking IDs (Analytics, Tag Manager, pixels) and code injection.
• Your domain settings, including which address is primary.

Your free Snapps address

Every site has a free address on snapps.site, so you can publish and share before you have a domain.

1. Open Settings › Domain.
2. Find Your free Snapps address, for example yoursite.snapps.site.
3. Use Copy to share it or Visit to open it.

It always works, even after you connect your own domain. That makes it handy for checking the site while DNS changes are still spreading.

Connect your own domain

Use a domain you already own, from any provider.

1. Open Settings › Domain (or Connect your domain under the arrow next to Publish).
2. Under Use your own domain, type your domain, for example www.yourbusiness.com, and click Connect.
3. Snapps lists the DNS records to add, with the exact names and values for your domain.
4. Add them at the company you bought the domain from (see The standard DNS records and the guides for each provider).
5. Leave Settings › Domain open, or come back later. It checks on its own and switches your domain on as soon as the records are found.
6. Publish, so your site goes out on the new address.

The standard DNS records

Three records point a domain at a Snapps site: one CNAME for www and two A records for the root domain. They are the same for every Snapps site.

Settings › Domain always shows the records for your domain after you click Connect. If anything there differs from this table, follow Settings › Domain.

Before you add them

• Remove conflicting records. Delete any other A, AAAA or CAA records for @, and any other CNAME or A record for www. Old records from a previous website or a parking page stop the new ones from working, and a CAA record can block your security certificate.
• Keep your email records. Don’t touch MX records, or TXT records for SPF, DKIM or DMARC. Your email keeps working.
• Name or Host: @ means the root domain itself. Some providers leave the field empty or want the full domain instead. Enter only the part shown; most providers add your domain on the end automatically.
• TTL: leave it on the default, or choose the shortest option (such as 1 hour or Automatic).

Add DNS records at GoDaddy

Point a GoDaddy domain at your Snapps site.

1. Sign in to GoDaddy and open My Products.
2. Next to your domain, click DNS (or open the domain and choose Manage DNS).
3. Delete existing A records for @ and the CNAME for www if they point somewhere else (GoDaddy often adds a parking record).
4. Click Add New Record. Add the CNAME: Type CNAME, Name www, Value sites.snapps.site.
5. Add the two A records: Type A, Name @, Value 166.117.124.22, then again with 99.83.250.165.
6. Save. Snapps picks up the change on its own.

Add DNS records at Namecheap

Point a Namecheap domain at your Snapps site.

1. Sign in to Namecheap and open Domain List.
2. Click Manage next to your domain, then open Advanced DNS.
3. Under Host Records, delete any URL Redirect, parking or old A / CNAME records for @ and www.
4. Click Add New Record: CNAME Record, Host www, Value sites.snapps.site.
5. Add two A Records with Host @: one with 166.117.124.22 and one with 99.83.250.165.
6. Click the green tick to save each record.

Add DNS records at Cloudflare

Point a domain whose DNS is on Cloudflare at your Snapps site.

1. Sign in to Cloudflare, open your domain and go to DNS › Records.
2. Edit or delete existing A, AAAA and CNAME records for @ and www.
3. Click Add record: Type CNAME, Name www, Target sites.snapps.site, Proxy status: DNS only.
4. Add two A records with Name @: IPv4 166.117.124.22 and 99.83.250.165, both DNS only.
5. Save.

Add DNS records at other providers

The steps are the same everywhere; only the menu names change.

• Squarespace Domains (formerly Google Domains): Domains › your domain › DNS › Custom records.
• Hostinger: Domains › Manage › DNS / Nameservers › DNS records.
• Bluehost: Domains › your domain › DNS.
• IONOS: Domains & SSL › your domain › DNS.
• Wix or Squarespace-hosted domains: the domain’s DNS settings in that platform’s domain manager.
• Any other provider: look for DNS, DNS Zone, Advanced DNS or Manage DNS.

Add the records from The standard DNS records, removing conflicting ones first.

www or the root domain: choosing your primary address

Decide which address visitors see. The other one redirects to it automatically.

When your domain is connected, Settings › Domain shows Primary domain with two choices: www.yourbusiness.com (recommended) or yourbusiness.com.

1. Open Settings › Domain and find your connected domain.
2. Choose the Primary domain.
3. Publish again, so your sitemap uses the new address.

Domain status and certificates

What happens after you add the records.

• Waiting for records: the domain shows a spinner and the records to add. The page updates on its own once they take effect; you don’t need to click anything.
• Active: the records are found and the domain is switched on.
• Security certificate (HTTPS): issued automatically, usually within 15 minutes of the records taking effect. There’s nothing to buy or install.

DNS changes usually spread in minutes, but some providers take a few hours, and in rare cases up to 48 hours.

Move a domain from your old website

Switch an existing domain to Snapps without downtime or losing email.

1. Build and check the new site on its free snapps.site address first. Your old site stays live meanwhile.
2. Add 301 redirects in Settings › Redirects for any old page addresses that changed.
3. Click Connect in Settings › Domain and note the records.
4. At your DNS provider, replace the old website records for @ and www with the Snapps records. Leave MX and email TXT records alone.
5. When the domain shows Active, publish.

Domain not connecting?

Work through these checks. Nearly every problem is one of them.

1. Typo: the domain in Settings › Domain has no https://, spaces or trailing slash.
2. Exact match: each record at your provider matches what Snapps shows: type, name and value. Copy and paste rather than retype.
3. Doubled name: if your provider adds the domain automatically, a name like www.yourbusiness.com becomes www.yourbusiness.com.yourbusiness.com. Enter just www.
4. Conflicts: no other A, AAAA or CAA records for @, no other record for www, and no domain forwarding or parking turned on.
5. Cloudflare: records set to DNS only (grey cloud).
6. Nameservers: you’re editing DNS where the domain’s nameservers point. If the domain uses another company’s nameservers, add the records there.
7. Time: give it a few hours; DNS can take up to 48.

Email on your domain

Connecting your domain to Snapps doesn’t affect your email.

Email uses MX records (and TXT records for SPF, DKIM and DMARC). The Snapps records only change where your website lives, so as long as you leave those email records in place, email keeps working.

Need mailboxes on your domain? Open My Emails in your Snapps dashboard.

Change or remove a domain

Switch a site to another domain, or disconnect it.

1. Open Settings › Domain.
2. Under Connected domains, click Remove next to the domain.
3. To use a different domain, connect it now.
4. Publish.

Buy or transfer a domain

Search for, register and transfer domains from your dashboard.

1. Open My Domains in your Snapps dashboard.
2. Search for a name and click Register, or use Transfer to move a domain you own elsewhere.
3. Connect it to a site in that site’s Settings › Domain.

Changes not showing on your live site?

Check these in order.

1. Publish after editing. The top bar shows when the site was last published.
2. Hard-refresh the page (Ctrl+F5 on Windows, Cmd+Shift+R on Mac) or open a private window.
3. Check the item isn’t hidden on that device (Advanced › Show on).
4. Check the free snapps.site address. If the change shows there but not on your domain, your domain may still point elsewhere: see Domain not connecting?

Take a site offline

There’s no Unpublish switch yet. These options cover most needs.

• Out of Google: turn on Hide the whole site from Google in Settings › SEO and publish.
• Off your domain: remove the domain in Settings › Domain and its records at your provider.
• Gone completely: delete the site from My Sites (this can’t be undone), or contact support.

Set up your business info

Enter your details once. Elements, links and search engines all use them.

1. Open Settings › Business info.
2. General: favicon, business name, Business type (such as Store, Restaurant, Professional service, Home & construction, Medical or Legal service), short description, Areas served and logo.
3. Contact: phone numbers, email addresses and website.
4. Location: your address. Tick the no-storefront option if customers don’t visit you.
5. Hours, Social and Privacy: see the articles below.

Custom business fields

Store any detail you repeat across the site, such as a licence number.

1. In Settings › Business info › General, click Add custom field.
2. Give it a label and a value.
3. Insert it in text with the business data button.

Opening hours and timezone

Hours feed the Hours element and your structured data.

1. Open Settings › Business info › Hours.
2. Choose your Timezone.
3. Set each day’s hours. Add a time slot for split hours, or mark a day closed. Use Apply Monday to weekdays to save time.
4. Add notes if needed.

Social profiles

Add your profiles once and reuse them everywhere.

In Settings › Business info › Social, add a row for each network and paste the full profile URL. Social Icons elements with business data turned on show them automatically.

Structured data for local search

Snapps writes business schema (JSON-LD) for Google from your business info.

It includes your name, business type, description, logo, address, phones, hours, areas served and social profiles. A WebSite schema is added too, FAQ schema comes from accordions with FAQ schema on, and breadcrumb schema from the Breadcrumbs element.

Cookie notice and privacy page

Show a cookie notice and add a privacy page.

1. Open Settings › Business info › Privacy.
2. Turn on Show cookie notification and edit the message. It slides up from the bottom on Preview and the published site.
3. Click Create privacy page to add a privacy policy page.

What developers can customize

The builder is visual first, with proper hooks for code.

• Site CSS: one stylesheet for the whole site.
• Code injection: site-wide code in the head or at the end of every page.
• Page head HTML: code for one page.
• HTML element: markup and scripts anywhere on a page.
• Anchor IDs and CSS classes on every section, column and element.
• Webhooks: every form submission POSTed as JSON.
• Redirects, robots.txt, automatic sitemap and structured data.
• MCP: build and edit sites from Claude, ChatGPT or Grok.

Site CSS

Style the whole site with your own CSS.

1. Open Settings › Code injection › Site CSS.
2. Write your CSS. It applies to every page, after the theme and element styles.
3. For phones, wrap rules in @media (max-width:767px){ … }.
4. Publish.

CSS classes and anchor IDs

Name any section, column or element so code and links can find it.

1. Select the item and open Advanced › Developer.
2. Anchor ID: a unique name such as pricing. Links to /page#pricing scroll there, and buttons can link to it.
3. CSS classes: one or more class names, separated by spaces.

Site-wide scripts and tags

Add chat widgets, verification tags and third-party scripts.

1. Open Settings › Code injection.
2. Head loads first: pixels, fonts, verification tags.
3. End of page loads last: chat widgets and other scripts.
4. Publish.

Code and schema for one page

Add a conversion tag or extra structured data to a single page.

1. Open the page’s … menu › Page settings › Code.
2. Paste into Page head HTML. It’s added to that page’s head only.
3. Publish.

Custom HTML and JavaScript

Use the HTML element for calculators, widgets and anything custom.

1. Add an HTML element.
2. Paste your markup, styles and script.
3. Give it a CSS class in Advanced if you style it from Site CSS.

Form webhooks

Receive every submission in your own system.

1. Open the form › Actions after submit › Webhook.
2. Paste your HTTPS endpoint into Webhook URL and save.
3. Each submission is POSTed as JSON, from Preview and from the published site.

Build and edit sites with AI (MCP)

Snapps connects to Claude, ChatGPT and Grok through MCP, so you can build and edit by chatting.

1. Connect your AI assistant to Snapps over MCP. Contact support for your connection details.
2. Ask in plain language, for example “add a pricing section to the Services page” or “make the hero darker”.
3. The assistant edits the real sections and elements, which stay fully editable in the builder.
4. Review in Preview and publish when you’re happy.

Responsive breakpoints

How the published site adapts to screen sizes.

• The editor has Desktop, Tablet and Mobile views; Tablet and Mobile inherit Desktop until you change them.
• Columns stack on phones unless you turn off Stack columns on mobile.
• For your own CSS, use @media (max-width:767px) for phones.

Share a site with someone

Give a client or teammate access to a site.

1. In My Sites, open the site’s ⋮ menu › Share Site.
2. Enter their email address and share.

Sites shared with you appear under Shared Sites in the dashboard.

Rename, copy the ID or delete a site

Manage a site from its menu in My Sites.

• Rename Site changes the name in your dashboard. (The name in search results comes from SEO settings.)
• Copy Site ID copies the short ID support asks for.
• Delete removes the site permanently. This can’t be undone.

Reuse a site's design

There’s no one-click site copy yet. These get you close.

• Start a new site from the same template.
• Save sections you want to reuse with the bookmark and add them from Saved.
• Duplicate pages within a site.

Moving sites from the previous builder

Every site on the previous Snapps builder is moved to this builder for free. You don’t need to request it.

Timeline

• Now: want to move sooner? Ask support and we’ll move your sites early.
• By the end of Q4 2026: every site is migrated, free, with its pages at the same addresses, text, images, forms, blog posts, redirects, SEO settings and tracking.
• When you’re notified: switch your DNS to see your updated site live. Until you do, visitors keep seeing your current site.
• Q1 2027: your dashboard shows only sites on this builder.

What you need to do

1. Wait for our email saying your sites are ready (or ask support to move them early).
2. Review each site on its free snapps.site address and make any changes.
3. Add the three DNS records for each domain (see The standard DNS records).
4. Publish.

Sell a site on the Marketplace

Buy and sell working websites with their traffic.

Open Marketplace in your dashboard. List a site with its traffic stats and take bids or set a Buy Now price, or browse sites for sale (some include the domain).

Undo mistakes and recover work

Snapps saves every change as you go.

• Undo (Ctrl/Cmd+Z) steps back through recent changes.
• Your live site only changes when you publish, so edits are safe until then.
• Duplicate a page before a big redesign.
• Deleted a page or site by mistake? Contact support straight away.

Editor not loading or saving?

Try these steps.

1. Check the status at the top: Saved means your work is stored.
2. Reload the editor.
3. Don’t edit the same site in two tabs at once.
4. Update your browser, pause extensions, or try a private window.
5. Check your internet connection.

Fix mobile layout issues

Most mobile problems are text that’s too big or spacing made for desktop.

1. Switch to Mobile view.
2. Reduce heading sizes in Theme › Mobile.
3. Reduce padding on crowded sections (it only affects mobile while you’re in Mobile view).
4. Hide items that don’t work on phones with Show on.
5. Check Stack columns on mobile and Reverse order on mobile.

Keep your site fast

Snapps publishes lean pages and optimizes images. A few habits help.

• Upload sensibly sized photos; Snapps makes the smaller versions.
• Keep background videos short, or use YouTube or Vimeo.
• Remove scripts you no longer use from Code injection.
• Use animations and sliders where they add something.

Contact support

We’re here to help.

1. Use the chat button in your Snapps dashboard, or email support@snapps.ai.
2. Include your Site ID, the page, what you expected and what happened.
3. Attach a screenshot (Win+Shift+S on Windows, Cmd+Shift+4 on Mac).