{"id":3469,"date":"2016-08-24T17:53:19","date_gmt":"2016-08-24T12:23:19","guid":{"rendered":"\/?p=3469"},"modified":"2018-10-26T15:17:18","modified_gmt":"2018-10-26T09:47:18","slug":"how-to-create-a-module-in-convertplus","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-create-a-module-in-convertplus\/","title":{"rendered":"How to Create a Module in ConvertPlus?"},"content":{"rendered":"<p>ConvertPlus allows you to create different kinds of modules like the modal popup, the info bar or the slide-in popups. These can be used to display a message or redirect the user to another page or as a form that collects user details.<\/p>\n<p>You can see the examples here:<\/p>\n<ul>\n<li><a href=\"\/plus\/demos\/modal-demo\/\" target=\"_blank\" rel=\"noopener\">Modal Popup<\/a><\/li>\n<li><a href=\"\/plus\/demos\/info-bar-top\/\" target=\"_blank\" rel=\"noopener\">Infobar<\/a><\/li>\n<li><a href=\"\/plus\/demos\/slide-in-right\/\" target=\"_blank\" rel=\"noopener\">Slide-in popups<\/a><\/li>\n<\/ul>\n<p>In order to create a basic module, you will have to follow the steps mentioned below:<\/p>\n<p>1. Click on the Module you wish to create in ConvertPlus.<\/p>\n<p><a href=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10271 size-full\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on.jpg\" alt=\"Select A Module You Wish To Work On\" width=\"2048\" height=\"1041\" title=\"How to Create a Module in ConvertPlus?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on-300x152.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on-768x390.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Select-a-Module-you-wish-to-work-on-1024x521.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>2. Click on Create New Modal \/ Create new Infobar \/ Create New Slide-in<\/p>\n<p><a href=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10267 size-full\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup.jpg\" alt=\"Create Modal Popup\" width=\"2048\" height=\"1035\" title=\"How to Create a Module in ConvertPlus?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup-300x152.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup-768x388.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Create-modal-popup-1024x518.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>3. Select the template you wish to use or edit<\/p>\n<p><a href=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10269 size-full\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates.jpg\" alt=\"Module Templates\" width=\"2048\" height=\"1056\" title=\"How to Create a Module in ConvertPlus?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates-300x155.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates-768x396.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Module-templates-1024x528.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>Note:<\/p>\n<p>i. Hover on a template and you\u2019ll find two options; <strong>Use this<\/strong> and <strong>Preview<\/strong>. You can click on Preview to see how the final popup with look or click on Use this to open it in the editor.<\/p>\n<p><a href=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10268 size-full\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template.jpg\" alt=\"Hover On A Template\" width=\"2048\" height=\"1048\" title=\"How to Create a Module in ConvertPlus?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template-300x154.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template-768x393.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Hover-on-a-template-1024x524.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>ii. All these templates are 100% customizable.<\/p>\n<p>iii. Templates are categorized according to the tags mentioned above. If there is anything particular you are looking out for, you can click on the tab or enter a term in the search field given above.<\/p>\n<p><a href=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-10270 size-full\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category.jpg\" alt=\"Search Template According To Category\" width=\"2048\" height=\"1061\" title=\"How to Create a Module in ConvertPlus?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category-300x155.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category-768x398.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Search-template-according-to-category-1024x531.jpg 1024w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/a><\/p>\n<p>iv. If you do not find a template that suits your needs or wish to merge a form from an external source, you can use the blank style and design a popup with custom code or a shortcode.<\/p>\n<p><span style=\"text-decoration: underline\"><strong>Note:<\/strong><\/span> <em><strong>Make sure you set the status to LIVE after you are done\u00a0formatting.<\/strong><\/em><\/p>\n<hr \/>\n<p><strong>Related Posts:<\/strong><\/p>\n<ul>\n<li><a href=\"\/plus\/docs\/how-to-use-shortcode-in-a-modal\/\" target=\"_blank\" rel=\"noopener\">Using Custom code or short code in a Blank style<\/a><\/li>\n<li><a href=\"\/plus\/docs\/how-to-format-the-key-elements-in-a-module\/\" target=\"_blank\" rel=\"noopener\">Formatting the elements on a Module<\/a><\/li>\n<li><a href=\"\/plus\/docs\/working-with-smart-launch-triggers-in-convertplus\/\" target=\"_blank\" rel=\"noopener\">Settings Smart Launch Triggers<\/a><\/li>\n<li><a href=\"\/plus\/docs\/working-with-the-manual-display-options-in-convertplus\/\" target=\"_blank\" rel=\"noopener\">Controlling Manual Display options<br \/>\n<\/a><\/li>\n<li><a href=\"\/plus\/docs\/what-is-a-campaign-how-to-create-a-campaign-in-convertplus\/\" target=\"_blank\" rel=\"noopener\">Campaign Creation and Implementation<\/a><\/li>\n<li><a href=\"\/plus\/docs\/change-the-form-action-after-submission-hide-form-reappear-or-do-nothing\/\" target=\"_blank\" rel=\"noopener\">After Submission settings<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>ConvertPlus allows you to create different kinds of modules like the modal popup, the info bar or the slide-in popups. These can be used to display a message or redirect the user to another page or as a form that collects user details. You can see the examples here: Modal Popup Infobar Slide-in popups In [&hellip;]<\/p>\n","protected":false},"author":23,"featured_media":0,"template":"","meta":{"inline_featured_image":false,"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":""}},"footnotes":""},"docs_category":[20],"docs_tag":[],"class_list":["post-3469","docs","type-docs","status-publish","hentry","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/3469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/users\/23"}],"version-history":[{"count":5,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/3469\/revisions"}],"predecessor-version":[{"id":22737,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/3469\/revisions\/22737"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=3469"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=3469"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=3469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}