How to Add a New Section Anywhere on My Webpage From the Block Library

This article will show you how you can add a new block from the block library to your website.

Login to myRealPage: 

Click here to visit this help article to log in to your account.

1 - Navigate to "Websites" tab:

  • Click on "Websites" to manage your website.

2 - Click on "Pages" on the left hand sidebar:

3 - Click on the page your wish to edit from the list:

4 - Click the edit toggle in the bottom toolbar:

  • A. Add Block: Click the "+" icon in the area you wish to add a new block.

5 - Choose which blocks you wish to browse:

  • A. Block Library: Select between pre-setup block from a variety of different formats.
  • B. Theme Blocks: Choose from blocks that are pre-setup on different myRealPage website themes.

6 - Choose Between the categories of blocks:

  • A. New: Choose from a list of newly released blocks from the library.
  • B. Popular: Choose from a list of the most popular blocks from the library.
  • C. Text Content: Choose from a list of different text focused blocks.
  • D. Marketing: Choose from a list of different marketing related blocks, good for setting up "Call to Action" layouts
  • E. Navigation: Choose from a list of different navigation related blocks.
  • F. Headers: Choose from a list of different header blocks, such as banners with menus built in.
  • G. Footers: Choose from a list of different footer related blocks.
  • H. Widgets: Choose from a list of specialty blocks, good for embeding 3rd party embed codes, videos, and maps.
  • I. Forms: Choose from a list of pre-built form related blocks, such as newsletter signup, contact, and home evaluation forms.
  • J. Listings: Choose from a list of listings related blocks, such as featured listing blocks, listing results and list search blocks.
  • K. Blog: Choose from a list of different blog related blocks, such as featured blog posts and the main blog block.
  • L. Team: Choose from a list of different team related blocks, such as our team and agent directory blocks.
  • M. Lists/Directory: Choose from a list of different list related blocks, good for featuring a list of different lists of information.
  • N. Effects/Hover: Block designed with different built in hover effects to choose from, good for showcase links to other pages or websites.
  • O. Lead Magnet: Choose from a list of pre-built lead capture blocks, with forms designed to capture leads.
  • P. Import Snapshot: Choose this option if you have copied a snapshot from another block on your website, in order to add the copied block to your website.
  • Q. New Block: (Expert use only) For setting up new blocks from scratch (Note: Requires HTML, CSS, and Schema knowledge).

7 - On select blocks you can view more information by clicking the "EXPLORE THIS BLOCK'S IDEAS" button:

8 - Check out different pre-built blocks using the selected block, hover over the block you wish to select, and click the "SELECT THIS BLOCK" button:

  • Note: You can select multiple blocks on the page by repeating this step.

9 - Once you are ready, click the "INSERT SELECTED" button in the top right corner to add the block(s) to your current page: