{"id":24008,"date":"2016-08-24T17:53:19","date_gmt":"2016-08-24T12:23:19","guid":{"rendered":"https:\/\/docs.brainstormforce.com\/?p=3469"},"modified":"2021-01-14T12:50:10","modified_gmt":"2021-01-14T07:20:10","slug":"how-to-create-a-module-in-convertplug","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-create-a-module-in-convertplug\/","title":{"rendered":"How to Create a Module in ConvertPlug?"},"content":{"rendered":"\n<p>ConvertPlug 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\n\n\n<p>You can see the examples here:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"http:\/\/convertplug.com\/demos\/modal-demo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Modal Popup<\/a><\/li><li><a href=\"http:\/\/convertplug.com\/demos\/info-bar-top\/\" target=\"_blank\" rel=\"noopener noreferrer\">Infobar<\/a><\/li><li><a href=\"http:\/\/convertplug.com\/demos\/slide-in-right\/\" target=\"_blank\" rel=\"noopener noreferrer\">Slide-in popups<\/a><\/li><\/ul>\n\n\n\n<p>In order to create a basic module, you will have to follow the steps mentioned below:<\/p>\n\n\n\n<p>1. Click on the Module you wish to create in ConvertPlug.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1041\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on.jpg\" alt=\"Select a Module you wish to work on\" class=\"wp-image-24082\" title=\"How to Create a Module in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on-300x152.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on-1024x521.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on-768x390.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Select-a-Module-you-wish-to-work-on-1536x781.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>2. Click on Create New Modal \/ Create new Infobar \/ Create New Slide-in<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1035\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup.jpg\" alt=\"Create modal popup\" class=\"wp-image-24084\" title=\"How to Create a Module in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup-300x152.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup-1024x518.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup-768x388.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Create-modal-popup-1536x776.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>3. Select the template you wish to use or edit<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1056\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates.jpg\" alt=\"Module templates\" class=\"wp-image-24085\" title=\"How to Create a Module in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates-300x155.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates-1024x528.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates-768x396.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Module-templates-1536x792.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>Note:<\/p>\n\n\n\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\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1048\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template.jpg\" alt=\"Hover on a template\" class=\"wp-image-24086\" title=\"How to Create a Module in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template-300x154.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template-1024x524.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template-768x393.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Hover-on-a-template-1536x786.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\n<p>ii. All these templates are 100% customizable.<\/p>\n\n\n\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\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1061\" src=\"http:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category.jpg\" alt=\"Search template according to category\" class=\"wp-image-24087\" title=\"How to Create a Module in ConvertPlug?\" srcset=\"https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category.jpg 2048w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category-300x155.jpg 300w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category-1024x531.jpg 1024w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category-768x398.jpg 768w, https:\/\/convertplug.com\/plus\/wp-content\/uploads\/sites\/4\/2016\/08\/Search-template-according-to-category-1536x796.jpg 1536w\" sizes=\"auto, (max-width: 2048px) 100vw, 2048px\" \/><\/figure><\/div>\n\n\n\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\n\n\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&nbsp;formatting.<\/strong><\/em><\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p><strong>Related Posts:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/docs.brainstormforce.com\/how-to-use-shortcode-in-a-modal\/\" target=\"_blank\" rel=\"noopener noreferrer\">Using Custom code or short code in a Blank style<\/a><\/li><li><a href=\"https:\/\/docs.brainstormforce.com\/how-to-format-the-key-elements-in-a-module\/\" target=\"_blank\" rel=\"noopener noreferrer\">Formatting the elements on a Module<\/a><\/li><li><a href=\"https:\/\/docs.brainstormforce.com\/working-with-smart-launch-triggers-in-convertplug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Settings Smart Launch Triggers<\/a><\/li><li><a href=\"https:\/\/docs.brainstormforce.com\/working-with-the-manual-display-options-in-convertplug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Controlling Manual Display options<br><\/a><\/li><li><a href=\"https:\/\/docs.brainstormforce.com\/what-is-a-campaign-how-to-create-a-campaign-in-convertplug\/\" target=\"_blank\" rel=\"noopener noreferrer\">Campaign Creation and Implementation<\/a><\/li><li><a href=\"https:\/\/docs.brainstormforce.com\/change-the-form-action-after-submission-hide-form-reappear-or-do-nothing\/\" target=\"_blank\" rel=\"noopener noreferrer\">After Submission settings<\/a><\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>ConvertPlug 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":12,"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":[442],"docs_tag":[],"class_list":["post-24008","docs","type-docs","status-publish","hentry","docs_category-general-issues-solutions"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/24008","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\/12"}],"version-history":[{"count":2,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/24008\/revisions"}],"predecessor-version":[{"id":24088,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/24008\/revisions\/24088"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=24008"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=24008"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=24008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}