What are Instablocks and how to use them

An Instablock is a portion of a template (a block) that can be easily added to any page and later customised if needed.

When building a landing page, you can choose a pre-made Instablock from our gallery, or create and save your own. 

Saving Blocks

Saving the blocks is done by clicking on any block on the page. This will open a menu in the top left corner of the block in question. From the menu, click on more, then choose Save to My Blocks.

Markup 2025-05-06 at 17.33.28.png

In order to access the Instablocks gallery, click on the Instablocks icon from the left-side menu bar:

Markup 2025-05-06 at 17.33.07.png

This will open a modal where you can add block templates from Instapage or page blocks you previously saved:

Markup 2025-05-06 at 17.42.12.png

When you're on the Block templates tab, you can filter them by choosing from the categories on the left:

Markup 2025-05-06 at 17.43.00.png

The blocks you save are shown in the My Blocks tab, where you can organize them into folders. You can create folders from the left side menu, by clicking on +ADD NEW FOLDER.

Afterwards, all you have to do is drag any blocks over the folder's name, in order to move them to that specific folder.

Inserting Blocks

In order to add a block to your page, hover your mouse over the one you need, and click on Insert Block.

Screen Capture on 2025-05-06 at 17-48-45.gif

When clicking anywhere else on the block, a preview will be opened to see the block in detail, where you can see the mobile version as well. You can also add the block to your page by clicking on the Insert button. For blocks you have saved from your pages, you can also edit their name in the detailed view menu.

Markup 2025-05-06 at 17.50.39.png

After you've inserted an Instablock, you can move it by clicking on Move and dragging it:

Screen Capture on 2025-05-06 at 17-55-32.gif

To edit the background color/image, click on Block Style. Adding a background image will override the block background color

You can adjust how your custom image background is positioned on your landing page by clicking on the image and dragging the cursor around. If you'd like an image to repeat you'll need to select one of the Tile options.

Screen Capture on 2025-05-06 at 18-03-39.gif

Stretch to edges will make the image responsive to the edges of the visitor's browser and the way it displays cannot be manually adjusted.

You can make the background image of the Instablock have a parallax effect against the page background by turning on the toggle on the right.

To add an overlay color over the background image of the Instablock, select the color and the opacity on the right, above the parallax toggle.

Markup 2025-05-06 at 18.06.00.png

NOTE: The Column color set under the Page Background settings will override the block’s background settings(image or color).