{"id":2689,"date":"2016-03-26T11:29:50","date_gmt":"2016-03-26T05:59:50","guid":{"rendered":"\/?p=2689"},"modified":"2018-06-02T15:01:41","modified_gmt":"2018-06-02T09:31:41","slug":"how-to-create-full-screen-modal-and-make-it-work-like-a-welcome-gate-or-exit-gate","status":"publish","type":"docs","link":"https:\/\/convertplug.com\/plus\/docs\/how-to-create-full-screen-modal-and-make-it-work-like-a-welcome-gate-or-exit-gate\/","title":{"rendered":"How to create full screen modal and make it work like a welcome gate or Exit gate?"},"content":{"rendered":"<p>100% Customizable designs and an easy to use interface is among the other features that helps ConvertPlus stand out from the rest.<\/p>\n<p>Creating a Full-screen modal from the templates available is made quite simple in ConvertPlus.<\/p>\n<p>You can convert all modal popups into full screen modals and convert them into welcome (display right when the user arrives on a webpage) or exit (display when a user is about to leave the page) gates.<\/p>\n<p><a href=\"#full-screen\">How to Create a Full-screen modal?<\/a><br \/>\n<a href=\"#welcome-gate\">How to Convert a Full-Screen Modal into a welcome gate?<\/a><br \/>\n<a href=\"#exit-gate\">How to convert a full-screen modal into an Exit gate?<\/a><\/p>\n<hr \/>\n<p><strong>How to Create a Full-screen modal?<\/strong><\/p>\n<p>1. Create and Design a Modal popup. Open it in the editor.<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/ConvertPlug-Editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2692 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/ConvertPlug-Editor.jpg\" alt=\"ConvertPlusEditor\" width=\"2048\" height=\"1190\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>2. Go to Design -&gt; Advance Design Settings<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Advance-design-options-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2694 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Advance-design-options-in-ConvertPlug.jpg\" alt=\"Advance design options in ConvertPlug\" width=\"2048\" height=\"1196\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>3. Select Full Screen under Modal Size<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Change-Modal-size-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2695 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Change-Modal-size-in-ConvertPlug.jpg\" alt=\"Change Modal-size in ConvertPlug\" width=\"2048\" height=\"1196\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<hr \/>\n<p><strong>How to Create a Welcome Gate?<\/strong><\/p>\n<p>In order to create a Welcome gate, you need to first create a full-screen modal as mentioned above.<\/p>\n<p>1. Click on Behavior<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Behavior-section-in-ConvertPlug-editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2693 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Behavior-section-in-ConvertPlug-editor.jpg\" alt=\"Behavior section in ConvertPluseditor\" width=\"2048\" height=\"1259\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>2. Click on Smart Launch<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/smart-launch-section-in-ConvertPlug-Editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2696 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/smart-launch-section-in-ConvertPlug-Editor.jpg\" alt=\"smart-launch section in ConvertPlusEditor\" width=\"2048\" height=\"1192\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>3. Set the After Few Seconds trigger to \u201c0.1\u201d<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/After-few-seconds-trigger-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2697 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/After-few-seconds-trigger-in-ConvertPlug.jpg\" alt=\"After-few-seconds trigger in ConvertPlus\" width=\"2048\" height=\"1191\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<hr \/>\n<p><strong>How to Create an Exit Gate?<\/strong><\/p>\n<p>In order to create an Exit gate, you need to first create a full-screen modal as mentioned above.<\/p>\n<p>1. Click on Behavior<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Behavior-section-in-ConvertPlug-editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2693 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Behavior-section-in-ConvertPlug-editor.jpg\" alt=\"Behavior section in ConvertPluseditor\" width=\"2048\" height=\"1259\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>2. Click on Smart Launch<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/smart-launch-section-in-ConvertPlug-Editor.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2696 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/smart-launch-section-in-ConvertPlug-Editor.jpg\" alt=\"smart-launch section in ConvertPlusEditor\" width=\"2048\" height=\"1192\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>3. Enable the Exit Intent Tigger<\/p>\n<p><a href=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Exit-intent-trigger-in-ConvertPlug.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2698 size-full\" src=\"\/plus\/wp-content\/uploads\/sites\/4\/2017\/06\/Exit-intent-trigger-in-ConvertPlug.jpg\" alt=\"Exit-intent trigger in ConvertPlug\" width=\"2048\" height=\"1190\" title=\"How to create full screen modal and make it work like a welcome gate or Exit gate?\"><\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Save and Publish<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>100% Customizable designs and an easy to use interface is among the other features that helps ConvertPlus stand out from the rest. Creating a Full-screen modal from the templates available is made quite simple in ConvertPlus. You can convert all modal popups into full screen modals and convert them into welcome (display right when the [&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":[19,20],"docs_tag":[],"class_list":["post-2689","docs","type-docs","status-publish","hentry","docs_category-faqs","docs_category-general"],"_links":{"self":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/2689","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":3,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/2689\/revisions"}],"predecessor-version":[{"id":22112,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs\/2689\/revisions\/22112"}],"wp:attachment":[{"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/media?parent=2689"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_category?post=2689"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/convertplug.com\/plus\/wp-json\/wp\/v2\/docs_tag?post=2689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}