Welcome to the Instapage Support Center

|

Instablocks

Instablocks make building and managing your landing pages simpler. Instablocks are limited with a horizontal blue dotted line. A block is used to separate different content areas on your landing page.

Add New Block. You can add a new Instablock to your landing page by clicking on Section. Our system automatically shows you where you can add that section.

instablocks1.png

On the left side of each block, you have a toolbar that allows you to reposition, edit the style or open more options for that particular block.

instablocks2_2.png

Reposition. In order to reposition a section, hold the reposition button clicked and drag your section to the desired position.

Options. This drop-down menu will allow you to save the block, duplicate it or delete it.

instablocks3_3.png

Edit. You can get to the edit section menu by clicking on the edit button shown above. This will get you to the following options:

2018-08-20_15h30_58.png

1. Upload Image

Click on the image icon to upload a new image from your computer or add one from a link. You can also change or remove the image by clicking on Background Image again.

bckgr_img_1.jpg

2. Image Scaling / Position

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

positioning_background.gif

3. Stretch to edges

You can use this option to stretch the image to the visitor’s screen width instead of the 960 px editable zone.

bckg_img_2.jpg

4. Parallax on a background image

You can use this feature to create a parallax effect on your landing page.

bckg_img_3.jpg

5. Background Color

Using this will allow you to select a custom color for your landing page. Make sure to click and drag when selecting the main color from the tall skinny bar in the middle of the palette.  You can also directly enter a color code in the small bottom right box.  Find color codes here

back_img4.jpg

6. Border color and Border width

You can use these two options to add a border to the section you’re editing.

bckg_img_5.jpg

7. Overlay color

With this option, you can add a color overlay to your section. Just select the color and the opacity from this menu.

bckg_img_6.jpg

Have more questions? Submit a request
Was this article helpful?
7 out of 15 found this helpful

Need Further Help?

Tell us what you need and we will be happy to assist you.

Our team of expert support staff and our community can answer your questions. Submit a ticket, or reach out on live chat!