To get started, log in to your admin dashboard (your credentials are the email and password you used to sign up for your site/app and you can log in from admin.supapass.com), and on the left-hand menu, go into Builder.

When you open the builder you'll arrive at the Editor screen. This displays the page preview on the right and the Blocks Editor on the left.

Blocks can be re-arranged by hovering over the block in the left menu and dragging into the desired order.

You can open the editor for a block in two ways. Either click on the block title in the left menu, or click the pencil icon when hovering over the block in the preview.

Each block has has a variety of customization options such as text elements, images, padding, and buttons (all covered in the next section), try experimenting with each of them to achieve the perfect result.

Block names default to the block template name, but you can change these to something more memorable. Simply hover over the block on the left, click the 3 dots, click 'Rename' and enter a new name for your block.

You can switch between mobile and desktop previews by clicking the mobile desktop and mobile icons at the top of the builder.

This one is the most attention-grabbing and customizable blocks. You can add three sets of text, set a background image (or no background image), add a gradient or not, add CTA buttons and overlay an addition left, right, bottom or top image.

This is the most powerful block and extremely versatile. This one block can create dozens of different layouts and we’ve seen website designs made of many of this type of block where each block looks different to create the entire page.

This block is an easy way to include an image alongside your text and CTA button.

Like the name says, you can add a marketing video with this block. You can also include text and a background image, but no CTA button on this block. The marketing video itself is uploaded in the Settings tab of the Builder.

This block allows you to add a dedicated block for paragraphs, descriptions, or other text-heavy content. We suggest always keeping it light on text on the landing page to make it easy to communicate your message in an engaging way - less writing is more, and bold beautiful images say a thousand words!

This is the perfect place to show off customer reviews, great feedback you’ve received, testimonials, or motivational quotes to enhance your content. You can add up to 8 quotes, include star ratings, names, and other details.

This block can actually be used in lots of different ways - you could use it to showcase your team, list features, products, content, and price plans. It looks good in these use cases and more!

If you want to use it for people, you can showcase your team, board members, podcast hosts, or other key team members on your page. Add their bios, roles, text, and links to their profiles or contact information. You can add up to 8 items using the 'Create Item' button.

This block automatically will include buttons to your app stores to download your apps once your apps are live. The block automatically shows the icons for the App Store and Google Play once your apps have been published, which takes visitors directly to the stores to download your app.

The Contact Form block allows you to include the contact form on any of your pages, in addition to it's standalone page. You can configure the fields used by the block in the Builder Settings tab. Find out more about setting up the Contact Form in our guide.