{"id":38603,"date":"2021-05-25T23:04:25","date_gmt":"2021-05-25T18:04:25","guid":{"rendered":"http:\/\/convertpro.net\/?post_type=docs&#038;p=38603"},"modified":"2022-01-27T16:01:40","modified_gmt":"2022-01-27T11:01:40","slug":"cta-inside-post-page","status":"publish","type":"docs","link":"https:\/\/convertpro.net\/docs\/cta-inside-post-page\/","title":{"rendered":"Display Call-to-Action Inside the Post\/Page Content"},"content":{"rendered":"\n<p>With Convert Pro you can already display<a href=\"http:\/\/convertpro.net\/docs\/create-before-after-content-inline-call-to-action-in-convert-pro\/\"> Call-to-action before or after any post\/page<\/a> content. With version 1.7.0&nbsp;Convert Pro introduces new options to display Call-to-action inside page\/post content. <\/p>\n\n\n\n<p>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. <\/p>\n\n\n\n<p>Let&#8217;s see how this option works &#8211; <\/p>\n\n\n\n<p>Note: CTA can be displayed only inside the Gutenberg Pages\/Posts.  <\/p>\n\n\n\n<p><strong>Step 1:<\/strong> Create new Call-to-action from <strong>Convert Pro &gt; Create New &gt; Before\/After Content<\/strong><\/p>\n\n\n\n<div data-spectra-id=\"spectra-944ed798-2dd9-4163-bccc-088a5d22d139\" class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"601\" src=\"http:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2-1024x601.jpg\" alt=\"Select Before After Post Call To Action\" class=\"wp-image-93240\" title=\"Display Call-to-Action Inside the Post\/Page Content\" srcset=\"https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2-1024x601.jpg 1024w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2-300x176.jpg 300w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2-768x450.jpg 768w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2-1536x901.jpg 1536w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-Before-After-post-call-to-action-2.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 2: <\/strong>You can then select the template you wish to proceed with.<\/p>\n\n\n\n<div data-spectra-id=\"spectra-ae3adbec-de1e-45c8-a47b-002a667f12ee\" class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"597\" src=\"http:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1-1024x597.jpg\" alt=\"Select a Template for Before After Content Call To Action\" class=\"wp-image-93174\" title=\"Display Call-to-Action Inside the Post\/Page Content\" srcset=\"https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1-1024x597.jpg 1024w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1-300x175.jpg 300w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1-768x448.jpg 768w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1-1536x896.jpg 1536w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Select-a-template-for-Before-after-content-call-to-action-1.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><strong>Step 3: <\/strong>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.<\/p>\n\n\n\n<p>You can also design, configure and connect the form with a third party email marketing service provider.<\/p>\n\n\n\n<div data-spectra-id=\"spectra-9730a9f7-2ba9-4947-88ad-ae9940691ace\" class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"http:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action.jpg\"><img decoding=\"async\" width=\"2048\" height=\"1188\" src=\"http:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action.jpg\" alt=\"Design Elements For A Before After Post Inline Call To Action\" class=\"wp-image-21024\" title=\"Display Call-to-Action Inside the Post\/Page Content\" srcset=\"https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action.jpg 2048w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action-300x174.jpg 300w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action-768x446.jpg 768w, https:\/\/convertpro.net\/wp-content\/uploads\/2017\/09\/Design-elements-for-a-before-after-post-inline-call-to-action-1024x594.jpg 1024w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><\/div>\n\n\n\n<p>Refer an article to know how you can proceed with <a href=\"http:\/\/convertpro.net\/docs\/designing-call-to-action-in-convert-pro\/\" target=\"_blank\" rel=\"noopener\">designing a call-to-action in Convert Pro<\/a>.<\/p>\n\n\n\n<p><strong>Step 4:<\/strong> From &#8216;Configure&#8217; settings you can choose to display CTA inside page\/post. Click on Configure &gt; Display Inline Position &gt; Inside Post\/Page Content. <\/p>\n\n\n\n<p>This will offer a new option &#8211; Location on post\/page. This lets you decide exact location on Gutenberg Page\/Post. <\/p>\n\n\n\n<figure data-spectra-id=\"spectra-0971306e-8b26-4a32-a4de-e226f5d41268\" class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"391\" src=\"http:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-1024x391.png\" alt=\"Inline Page Content Location\" class=\"wp-image-93097\" title=\"Display Call-to-Action Inside the Post\/Page Content\" srcset=\"https:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-1024x391.png 1024w, https:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-300x115.png 300w, https:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-768x293.png 768w, https:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-1536x587.png 1536w, https:\/\/convertpro.net\/wp-content\/uploads\/2021\/05\/inline-page-content-location-2-2048x782.png 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><span style=\"text-decoration: underline;\">After certain number of blocks <\/span>\u2013 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 \u2013 Block Number. Here you can set the number of blocks after which your CTA can be displayed. <\/p>\n\n\n\n<p>Example \u2013 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. <\/p>\n\n\n\n<p><span style=\"text-decoration: underline;\">Before certain number of Heading blocks <\/span>\u2013 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 \u2013 Heading Block Number. Here you can set the number of Heading blocks before which CTA can be displayed.<\/p>\n\n\n\n<p>Example \u2013 If you set Heading Block Number as 3, CTA will be displayed just before the 3rd Heading block on selected pages\/posts.<\/p>\n\n\n\n<p><strong>Step 5: <\/strong>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.<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li><a href=\"http:\/\/convertpro.net\/docs\/how-to-display-a-call-to-action-on-a-specific-page-page-level-targeting\/\" target=\"_blank\" rel=\"noopener\">Display the slide-in on particular pages\/posts\/categories etc<\/a><\/li><li><a href=\"http:\/\/convertpro.net\/docs\/show-or-hide-call-to-action-to-logged-in-and-first-time-users\/\" target=\"_blank\" rel=\"noopener\">Show or hide slide-in from logged-in users<\/a><\/li><\/ol>\n\n\n\n<p>Save the changes and you are done!<\/p>\n\n\n\n<p>To check the CTA just visit Gutenberg page\/post. <\/p>\n\n\n\n<p>Need help? <a href=\"http:\/\/convertpro.net\/support\/open-a-ticket\/\" target=\"_blank\" rel=\"noreferrer noopener\">Get in touch<\/a>!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With Convert Pro you can already display Call-to-action before or after any post\/page content. With version 1.7.0&nbsp;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. [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"pfd_doc_title":"","spectra_gs_classes":"","footnotes":""},"docs_category":[10],"docs_tag":[],"class_list":["post-38603","docs","type-docs","status-publish","hentry","docs_category-advanced"],"spectra_custom_meta":{"_uabb_version":["1.30.4"],"_edit_lock":["1643282020:36"],"_edit_last":["36"],"mashsb_timestamp":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["30"],"_yoast_wpseo_estimated-reading-time-minutes":["3"],"views":["4554"],"helpful":["6"],"unhelpful":["1"],"redirects":["4"],"article-23672-schema-type-fieldtype":["global-field"],"article-23672-schema-type":["Article"],"article-23672-main-entity-fieldtype":["global-field"],"article-23672-main-entity":["post_permalink"],"article-23672-name-fieldtype":["global-field"],"article-23672-name":["post_title"],"article-23672-image-fieldtype":["global-field"],"article-23672-image":["featured_img"],"article-23672-orgnization-name-fieldtype":["global-field"],"article-23672-orgnization-name":["blogname"],"article-23672-site-logo-fieldtype":["global-field"],"article-23672-site-logo":["site_logo"],"article-23672-published-date-fieldtype":["global-field"],"article-23672-published-date":["post_date"],"article-23672-modified-date-fieldtype":["global-field"],"article-23672-modified-date":["post_modified"],"article-23672-author-fieldtype":["global-field"],"article-23672-author":["author_name"],"article-23672-description-fieldtype":["global-field"],"article-23672-description":["post_excerpt"],"_uag_page_assets":["a:9:{s:3:\"css\";s:263:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:3:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:9:\"core\/list\";}s:8:\"uag_flag\";b:0;s:11:\"uag_version\";s:10:\"1774533814\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["25"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"1816e9aa09f9664651391ef2b15fc4ec\";s:6:\"images\";a:1:{i:0;i:93240;}}"],"_uag_migration_processed":["1"],"surerank_settings_general":["a:8:{s:9:\"separator\";s:1:\"-\";s:10:\"page_title\";s:28:\"%title% %page% - %site_name%\";s:25:\"auto_generate_description\";b:1;s:16:\"page_description\";s:9:\"%excerpt%\";s:16:\"auto_description\";s:160:\"With Convert Pro you can already display Call-to-action before or after any post\/page content. With version 1.7.0\u00a0Convert Pro introduces new options to display\";s:14:\"fallback_image\";s:0:\"\";s:13:\"canonical_url\";s:49:\"https:\/\/convertpro.net\/docs\/cta-inside-post-page\/\";s:13:\"focus_keyword\";s:0:\"\";}"],"surerank_settings_post_no_index":["no"],"surerank_settings_post_no_follow":["no"],"surerank_settings_post_no_archive":["no"],"surerank_settings_social":["a:23:{s:15:\"open_graph_tags\";b:1;s:18:\"facebook_meta_tags\";b:1;s:17:\"twitter_meta_tags\";b:1;s:16:\"oembeded_scripts\";b:1;s:17:\"oembeded_og_title\";b:1;s:22:\"oembeded_social_images\";b:1;s:27:\"oembeded_remove_author_name\";b:1;s:17:\"facebook_page_url\";s:0:\"\";s:24:\"facebook_author_fallback\";s:0:\"\";s:17:\"twitter_card_type\";s:19:\"summary_large_image\";s:24:\"twitter_same_as_facebook\";b:1;s:24:\"twitter_profile_username\";s:0:\"\";s:24:\"twitter_profile_fallback\";s:0:\"\";s:14:\"facebook_title\";s:0:\"\";s:20:\"facebook_description\";s:0:\"\";s:18:\"facebook_image_url\";s:0:\"\";s:17:\"facebook_image_id\";i:0;s:20:\"facebook_image_width\";i:0;s:21:\"facebook_image_height\";i:0;s:13:\"twitter_title\";s:0:\"\";s:19:\"twitter_description\";s:0:\"\";s:17:\"twitter_image_url\";s:0:\"\";s:16:\"twitter_image_id\";i:0;}"],"surerank_migration":["1"],"_uag_css_file_name":["uag-css-38603.css"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"anjalic","author_link":"https:\/\/convertpro.net\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"With Convert Pro you can already display Call-to-action before or after any post\/page content. With version 1.7.0&nbsp;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.&hellip;","_links":{"self":[{"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs\/38603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/users\/12"}],"version-history":[{"count":8,"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs\/38603\/revisions"}],"predecessor-version":[{"id":93243,"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs\/38603\/revisions\/93243"}],"wp:attachment":[{"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/media?parent=38603"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs_category?post=38603"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertpro.net\/wp-json\/wp\/v2\/docs_tag?post=38603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}