The goal of this page is to show each part that we have available on the site. It will include:
- Part name
- Visual of the part
- How to use the part
Calls to Action
Calls to action (CTA) are a main feature of the site. They are used to guide a user to take an action. Generally, we want to use CTAs to send a user to an affiliate link at a relevant point in the article.
Main CTA Heading
This part is inserted into the page using a shortcode called main_cta. It has two variables: ‘heading’ and ‘text’.
How to install: Create a shortcode block. Press the spacebar once, then paste the code below and replace the heading and text. You will be able to add links as normal.
[main_cta heading='Main CTA Heading' text='This is the text of the main CTA. It is normally used to highlight the main contextually relevant reason that the user should take action. Normally it ends with a link to another website.']
Focus points are meant to embellish text when there is an important point to make or something that we want the user to be sure to see. They can also be used as secondary or tertiary calls to action.
The information needs to be more important than the surrounding text, as it will stand out above the rest. This part is almost as eye-catching as the Main CTA, so we need to ensure that they aren’t placed too closely together on the page.
How to install: Create a paragraph block. Press the spacebar once, then paste the code below and replace the heading and text.
[tip heading='Tip Heading' text='This is a box meant to embelish a sentence or short paragraph.']
Check out our relevant information on This Internal Page.
A blockquote is not quite as strong as a Tip Box. One of the best uses of a Blockquote is to add an internal link at the end of a sentence.
How to install: Create a quote block. Type in the text that you want in the Blockquote.
Navigation parts allow us to create links to other pages in a more visually appealing way.
An article card can be used on index pages as links to other important pages within the site. They may also be used at the bottom of an article as a “Related Articles” section.
How to install: Create a two- or three-row grid (Generateblocks) of equal widths. Three is best. Give that grid a vertical gap of 80. Create a shortcode block within each cell. Paste the code below and fill in the varibles: ‘img_url’, ‘url’, ‘heading’, and ‘text’.
[article_card img_url='xxx' url='xxx' heading='xxx' text='xxx']