How to build a Landing page with HTML codes

How to build a Landing page with HTML codes

Step 1: Start With a Blank Template

When creating a new page, select the Blank/Empty template.

Step 2: Add a Container

From the left panel, find and add a Container element to your page.

Step 3: Add a Custom HTML Block Inside the Container

With the container selected, add a Custom HTML element inside it. You’ll find this in the left panel under the components list.

Step 4: Paste Your HTML Code

Click on the Custom HTML block you added. On the right side of the screen, a Custom HTML Settings panel will appear. Paste your HTML code directly into that panel.

Step 5: Preview and Save

Once your code is added, click Preview (top right) to see how your page looks. When you’re satisfied with it, click Save Changes to publish your updates.

A couple of things worth noting:

  • If your design uses a custom font (such as Google Fonts), make sure the <link> tag is included at the top of your HTML. Selar does not load external fonts automatically.
  • Toggle between Desktop and Mobile views at the top to check how your page appears on both screen sizes before saving.