{"id":89436,"date":"2022-03-30T16:19:20","date_gmt":"2022-03-30T20:19:20","guid":{"rendered":"https:\/\/optinmonster.com\/?post_type=optinmonster_docs&#038;p=89436"},"modified":"2025-08-29T06:41:24","modified_gmt":"2025-08-29T10:41:24","slug":"how-to-create-a-full-screen-welcome-gate-optin","status":"publish","type":"optinmonster_docs","link":"https:\/\/optinmonster.com\/docs\/how-to-create-a-full-screen-welcome-gate-optin\/","title":{"rendered":"How to Create a Fullscreen Campaign"},"content":{"rendered":"\n<p>OptinMonster makes it easy to create a Fullscreen campaign to capture your visitor&#8217;s attention.<\/p>\n\n\n\n<p>In this article, you&#8217;ll learn how to create a Fullscreen campaign with OptinMonster.<\/p>\n\n\n\n<p><iframe title=\"YouTube video player\" src=\"https:\/\/www.youtube.com\/embed\/1tZroNky3CE?rel=0\" width=\"800\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Create Campaign<\/h2>\n\n\n\n<p>When you <a href=\"https:\/\/optinmonster.com\/docs\/creating-your-first-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">create a campaign<\/a> in OptinMonster you can choose to design it as a Fullscreen type campaign.<\/p>\n\n\n\n<p>To create a Fullscreen campaign, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>From the&nbsp;<a href=\"https:\/\/app.optinmonster.com\/campaigns\" target=\"_blank\" rel=\"noopener\" title=\"\">Campaigns<\/a> screen, select the <strong>Create New Campaign<\/strong> button.<br><img decoding=\"async\" width=\"800\" height=\"713\" class=\"alignnone size-full wp-image-164069\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg\" alt=\"Select the Create New Campaign button to get started in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-300x267.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-new-campaign-768x684.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>From the modal, select&nbsp;<strong>Templates<\/strong>&nbsp;as the type of campaign you\u2019d like to create.<br><img decoding=\"async\" width=\"800\" height=\"505\" class=\"alignnone size-full wp-image-169370\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal.jpg\" alt=\"Select Templates from the popup modal to begin selecting a campaign template in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal-300x189.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/templates-selection-modal-768x485.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>On the next screen, select&nbsp;<strong>Fullscreen<\/strong>&nbsp;as the campaign type.<br><img decoding=\"async\" width=\"800\" height=\"488\" class=\"alignnone size-full wp-image-164068\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-fullscreen-campaign.jpg\" alt=\"Select Fullscreen as the campaign type when creating a new campaign in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-fullscreen-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-fullscreen-campaign-300x183.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/create-fullscreen-campaign-768x468.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can filter, sort, and search from available Fullscreen campaign templates.<br><img decoding=\"async\" width=\"800\" height=\"489\" class=\"alignnone size-full wp-image-169431\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-search-fullscreen-templates.jpg\" alt=\"Filter and search from available Fullscreen campaign templates.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-search-fullscreen-templates.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-search-fullscreen-templates-300x183.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/filter-search-fullscreen-templates-768x469.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Hover over any template in the list to <strong>Preview<\/strong>&nbsp;or&nbsp;<strong>Use Template <\/strong>to select it and open the campaign builder.<br><img decoding=\"async\" width=\"800\" height=\"487\" class=\"alignnone size-full wp-image-169430\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/preview-use-fullscreen-template.jpg\" alt=\"Preview or use a specific Fullscreen template.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/preview-use-fullscreen-template.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/preview-use-fullscreen-template-300x183.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/preview-use-fullscreen-template-768x468.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Once you&#8217;ve selected a campaign you&#8217;ll be prompted to give it a name and assign it to a site in your account.<br>Select the&nbsp;<strong>Start Building<\/strong> button to create the campaign and open it in the builder to customize.<br><img decoding=\"async\" width=\"800\" height=\"836\" class=\"alignnone size-full wp-image-169429\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/name-assign-fullscreen-campaign.jpg\" alt=\"Name and assign your new Fullscreen campaign.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/name-assign-fullscreen-campaign.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/name-assign-fullscreen-campaign-287x300.jpg 287w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/name-assign-fullscreen-campaign-768x803.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>You can now configure and customize your campaign in the builder, be sure to <strong>Save<\/strong> the changes as you work.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"background-close\">Close on Background Click<\/h2>\n\n\n\n<p>To close the campaign when the background is selected, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the&nbsp;<strong>Display Rules<\/strong> screen.<br><img decoding=\"async\" width=\"800\" height=\"560\" class=\"alignnone size-full wp-image-180093\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg\" alt=\"Navigate to the Display Rules in the OptinMonster campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-300x210.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-768x538.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Select a Ruleset to edit.<\/li>\n\n\n\n<li>Toggle the <strong>Actions<\/strong> tab from the bottom of the screen and configure the <strong>Close on background click<\/strong> setting.<br><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/campaign-actions.jpg\" alt=\"Configure the Actions of your campaign in the Display Rules.\"><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> the campaign.<br><img decoding=\"async\" width=\"800\" height=\"564\" class=\"alignnone size-full wp-image-180417\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/save-display-rules-mat-optinmonster-scaled.png\" alt=\"save display rules mat - optinmonster\"><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Fullscreen Welcome Mat<\/h2>\n\n\n\n<p>To enable the Fullscreen campaign to slide down from the top of the screen as a welcome mat, follow these steps:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Navigate to the&nbsp;<strong>Display Rules<\/strong> screen.<br><img decoding=\"async\" width=\"800\" height=\"560\" class=\"alignnone size-full wp-image-180093\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg\" alt=\"Navigate to the Display Rules in the OptinMonster campaign builder.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-300x210.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2023\/06\/display-rules-view-768x538.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>Select a Ruleset to edit.<\/li>\n\n\n\n<li>Toggle the <strong>Actions<\/strong> tab from the bottom of the screen and configure the <strong>Display a page slide<\/strong> setting.<br><img decoding=\"async\" width=\"800\" height=\"514\" class=\"alignnone size-full wp-image-181166\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/page-slide.jpg\" alt=\"Enable page slide for Fullscreen campaigns in OptinMonster.\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/page-slide.jpg 800w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/page-slide-300x193.jpg 300w, https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/page-slide-768x493.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/li>\n\n\n\n<li>When you&#8217;re finished,&nbsp;<strong>Save<\/strong> the campaign.<br><img decoding=\"async\" width=\"800\" height=\"564\" class=\"alignnone size-full wp-image-180417\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2022\/03\/save-display-rules-mat-optinmonster-scaled.png\" alt=\"save display rules mat - optinmonster\"><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQs<\/h2>\n\n\n\n<h5 class=\"wp-block-heading\" id=\"mobile\">Can I display my Fullscreen campaign to mobile visitors?<\/h5>\n\n\n\n<p>By default, your Fullscreen campaign will show on all devices.<\/p>\n\n\n\n<p>If you have a <a href=\"https:\/\/optinmonster.com\/pricing\" target=\"_blank\" rel=\"noopener\" title=\"\">Pro or higher subscription<\/a> you can control which devices it appears on using the <a href=\"https:\/\/optinmonster.com\/docs\/how-to-show-campaigns-on-desktop-and-mobile-devices\/\" target=\"_blank\" rel=\"noopener noreferrer\" title=\"How to Show Campaigns on Desktop and Mobile Devices\">device Display Rule<\/a>, or <a href=\"https:\/\/optinmonster.com\/docs\/how-to-create-a-mobile-optin\/\" target=\"_blank\" rel=\"noopener\" title=\"\">create a mobile-only campaign<\/a>.<\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>OptinMonster makes it easy to create a Fullscreen campaign to capture your visitor&#8217;s attention. In this article, you&#8217;ll learn how to create a Fullscreen campaign with OptinMonster. Create Campaign When you create a campaign in OptinMonster you can choose to design it as a Fullscreen type campaign. To create a Fullscreen campaign, follow these steps:&nbsp;&hellip;<\/p>\n","protected":false},"author":4657,"comment_status":"open","ping_status":"closed","template":"","documentation\/categories":[28200],"documentation\/tags":[31399,31497,31402,31498,31415,31411,31401],"class_list":["post-89436","optinmonster_docs","type-optinmonster_docs","status-publish","hentry","categories-campaign-types"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89436","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/optinmonster_docs"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/4657"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=89436"}],"version-history":[{"count":36,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89436\/revisions"}],"predecessor-version":[{"id":205232,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/89436\/revisions\/205232"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=89436"}],"wp:term":[{"taxonomy":"categories","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/categories?post=89436"},{"taxonomy":"internal_tags","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/documentation\/tags?post=89436"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}