Display Call-to-Action Inside the Post/Page Content

With Convert Pro you can already display Call-to-action before or after any post/page content. With version 1.7.0 Convert Pro introduces new options to display Call-to-action inside page/post content.

This allows you to create a popup and display it in between your content. This helps you to display attractive offers, subscriptions, and much more inside page/post content. Such CTA can attract more users as it appears as they go on reading pages/posts. Ultimately brings more traffic to you.

Let’s see how this option works –

Note: CTA can be displayed only inside the Gutenberg Pages/Posts.

Step 1: Create new Call-to-action from Convert Pro > Create New > Before/After Content

Step 2: You can then select the template you wish to proceed with.

Step 3: Once you have selected a template and named the call-to-action, you will be taken to the editor. Convert Pro comes with complete drag and drop editor that makes designing both fun and easy. You can create and design the call-to-action with additional elements, form fields, shapes, and a lot more.

You can also design, configure and connect the form with a third party email marketing service provider.

Refer an article to know how you can proceed with designing a call-to-action in Convert Pro.

Step 4: From ‘Configure’ settings you can choose to display CTA inside page/post. Click on Configure > Display Inline Position > Inside Post/Page Content.

This will offer a new option – Location on post/page. This lets you decide exact location on Gutenberg Page/Post.

After certain number of blocks – This option will allow you to display your CTA after the selected number of blocks on the Gutenberg page/post. Further, you also get an option to enter – Block Number. Here you can set the number of blocks after which your CTA can be displayed.

Example – If you set Block Number as 3, CTA will be displayed after the 3rd block on selected pages/posts. It will count all Gutenberg blocks may it be heading, separator or anything.

Before certain number of Heading blocks – This option will allow you to display CTA before the selected number of Heading blocks on the page/post. Note that only native Gutenberg heading blocks will be considered. Further, you also get an option to enter – Heading Block Number. Here you can set the number of Heading blocks before which CTA can be displayed.

Example – If you set Heading Block Number as 3, CTA will be displayed just before the 3rd Heading block on selected pages/posts.

Step 5: Since this call-to-action is embedded on a page, you do not have launch triggers and just a couple of targeting options for which you can refer to the articles below.

1. Display the slide-in on particular pages/posts/categories etc
2. Show or hide slide-in from logged-in users

Save the changes and you are done!

To check the CTA just visit Gutenberg page/post.

Need help? Get in touch!