Content Block Guide
Last updated
Last updated
Throughout the admin, you will see Builder as an option in your templates. This allows you to build pages using different content blocks.
Any page with a builder has a builder area on the page. When it’s empty, it looks like this:
If it has blocks added inside it already, it might look something like this:
To add new content,
Select the Add Row button OR if there are existing blocks, you can hover over the block’s top section to reveal and signs. The sign lets you remove a block. The sign lets you add a block above the block you’re on.
After clicking Add Content or Add Layout you’ll be met with a host of options for content blocks. See the Contact Block Reference for details on each content block.
Pick your block and fill in the fields in as outlined in the help text.
You can collapse or expand your blocks by clicking the arrow the far right of the block’s name.
You can also rearrange blocks by hovering over the number to the left of the block’s name. This will bring up a “rearrange” icon that will let you drag and drop the block. This is easiest to do when the blocks are all collapsed.
The accordion block creates expandable/collapsible drawers, and it works great for FAQs. You can add as many as you’d like.
The block has an optional heading (e.g., “FAQs”).
The FAQs are added like rows in a table. To start, click the Add Row button. As you add your rows of FAQs, you will see the ability to insert FAQs and remove them by clicking on the plus and minus signs to the right.
The Heading is your question, Text is your answer.
A Call-To-Action block, or CTA block, is a prominent way to drive users to a different page on the site (e.g., to the contact page) so it should be used for major actions you’d like a user to take on a page. It consists of a heading, short description, and a button. You also have the option to change the background colour as desired!
The Feature block can be used to showcase an image or video. You choose which by selecting either IMAGE or VIDEO from the Media Type dropdown.
For images, simply upload your image, add some complementary text, and choose whether the image should appear to the right or left of the text, and choose whether you’d like to add a button.
Forms are created using the Gravity Forms plugin. See Forms for more information about creating forms. Once you have a form created, you can embed it on a page using the Form block. You can add a heading, then simply select your form from the dropdown.
There is also an optional field called Anchor ID. This is used if you’d like to anchor link to your form. Simply add whatever text you’d like here (one word only). For example, “contact.”
The Text block is your standard place for text. You can also add images and other content in these blocks.
The text block also has an optional button that will appear at the end of it. If you want a button to appear in the middle of a block of text, create one text block, add a button (link), and then add a second text block below it.
The Banner block should always appear first on the page. You can technically reorder it, but your page will look very weird and sad on the front-end.
