Thrive Knowledge Base

How to Use the Content Block Element

The “Content Block” element comes in handy, if you want to quickly combine more types of blocks to create professionally designed content on your blog posts and pages.

Here are the key steps you need to take in order to use the “Content Block” element:

1. Add the element to the page

First you need to add the element to the page. Click on the plus sign from the right sidebar and look for the “Content Block” element, from the list of elements that has opened. When you have found it, drag & drop it to the page:

2. Choose the suitable block

A pop-up window will open where you can select what type of “Content Block” you want to insert to the page:

Category & Block Types

There are two sections where you can select the block from: the “Category” and the “Block Types” sections:

Both sections contain the same blocks. The difference is that in the “Category” section, these blocks are categorized according to their purpose on the page too.

For example, the “Product Review” category here, includes every block from the block types that could be included in this category, such as: the Resource List, Pros & Cons, Product Review List, Product Rating and Call to Action.

Whereas the “Block Types” section lists every block, according to the type they belong to (for instance “Pros & Cons”), without categorizing them further.

View & preview the block

The next step that you have to take is to select the block you want to add to the page.

If you click on one of the categories/types from the “​Category” or the “Block Types” sections, you will see the blocks pertaining to that category/type appear on the right.

For instance, in the image below, the “Product Rating” block type is selected and the blocks that belong to this type are displayed to its right:

You can go ahead and check out as many of the blocks as you want. Simply click on the category/type you want to see and then, check out the blocks that are in it.

Tip: If you have selected a "Type of Content", make sure to deselect it (click on it again) before selecting another one.

Furthermore, you can also preview the different blocks. If you hover over a block, you will see the “Preview” option appear:

If you click on it, you will see a larger preview of the respective block. From the preview window you will also have the options of either going back to the blocks, or if this is the block you want to use, then inserting it to the page.

How to add a block to My Favorites

In case you find one or more blocks that you like and you want to use them often in the future, it is best if you add them to your favorites. In order to do this, you will have to hover over the block and click on the little heart icon from its bottom right corner:

Once you add block(s) as your favorites, you will see that the “My Favorites” section becomes active and you can select it to choose from the blocks that you have saved:

Remove a block from My Favorites

If you changed your mind and you want to delete a block from the list of favorites, you can simply hover your mouse over the respective block again and click on the heart icon again, which stands for the “Remove from Favorites” option this time:

How to search/filter the blocks

If you want to quickly find a block, you can search through the block types using the “Filter Blocks...” option:

All you have to do is to start typing the name of the block you want to find and you will see that it appears in the section below the option:

Insert the block into the page

Once you have found the most suitable block that you want to use, from either one of the sections mentioned above, hover over it and click on the “Insert Into Content” option that appears:

After doing this, the block will be inserted into the page and you can start customizing it for your purposes.

Note: The "Content Block" element automatically inherits the font styles, as well as the typography of your theme, so this way, it will easily blend in to your existing blog post/page.

3. Use the Main Options

Depending on which block you have chosen at the previous step, you will have different “Main Options” appear in the left sidebar for the “Content Block” element. These will depend on the complexity of the block you have chosen.

For instance, this is how the “Main Options” will look like for a simpler block, that does not include many other elements:

Whilst a more complex block, consisting of more elements combined together, would look like this:

Template

You can use this option to change the template/the block that you have previously inserted here. Simply click on the field with the name of the current template in order to change it:

This will open the pop-up window again, where you can select another template/block to use instead of the current one, just like you did before.

The color options

The other “Main Options” are all related to the colors of the elements that can be found in the “Content Block”.

Whenever you have an option related to a color, (for example, the “Accent Color” - which is the primary color of your “Content Block”) you can click on the box with the color in it, to replace that particular color with another one.

Clicking on the color box will open a color picker with the help of which you can select and apply the desired color:

This is valid for every color option that can appear here, may that be a background color, the color of a text, or the color of an icon/button etc.

Besides these “Main Options” options, you will also find the other, more general options, that are available for almost all of the other Thrive Architect elements as well in the left sidebar. You can find separate tutorials about how to use these options in our knowledge base.

4. Customize the content of the “Content Block”

Another important step that you have to take, after adding the “Content Block”, is to customize the content from it. After you add a “Content Block” to your page, you will see that it contains default content, like the ‘lorem ipsum’ texts or general images.

Make sure to change all such default content by replacing them with your own texts, images, button texts etc. You can very easily do that by clicking on the respective element from the “Content Block”.

You will see that the options of the particular element, you have just selected, will appear in the left sidebar. If it is a text, you can delete it directly from the editor and replace it with your own text. If it is an image, use the “Replace Image” option from the sidebar to change it with your picture etc.

What is important is to have the various elements of the “Content Block” personalized so that they represent your own business/services.

5. Repeat

Once you are done with the first “Content Block”, you can continue to add as many different types of “Content Blocks” as you need, in order to create the type of page you want.

Using this element will not only make your job a lot easier, but it will also help you create the page you want in at least half the usual time it would normally take to create it. If you want to find out even more about this, check out this blog post.

Also, if you need more info on how the various Thrive Architect elements work, please check out our page with tutorials.

Hopefully, this article was useful for you. If so, please give it a smile below :)

>