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 Page Editor (under Design).

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 three ways.

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.

When adding a new block, the name defaults 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.

At all times there's the preview screen to show you what changes you are applying to the blocks. You can also check out a preview of the website the way your audience sees it. You can easily access the site by click on the Go to my website icon

Keep in mind that some changes take a couple of minutes to actually show depending on the cache.

SupaPass gives you the option to choose from different blocks. Here's an overview of what each block can do.

This one is one of 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 and an additional left, right, bottom or top image.

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.

With this block you can add a marketing video with this block. The marketing video is not part of your content, but a separate file you can upload within Design > Settings. You can also include text and a background image, but no CTA button on this block.

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! Find out more on how to use it and setup in this help guide

This block is similar to Featured items, but focusses on Section level. This block gives another level of flexibility of how you wan to showcase your content to your audience.

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.