{"id":7032,"date":"2024-08-16T10:30:01","date_gmt":"2024-08-16T10:30:01","guid":{"rendered":"https:\/\/addify.store\/documentation\/?page_id=7032"},"modified":"2024-08-16T10:30:02","modified_gmt":"2024-08-16T10:30:02","slug":"how-to-customize-the-popup-dimensions","status":"publish","type":"page","link":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/","title":{"rendered":"How to Customize the Popup Dimensions?"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Customizing the Popup Dimensions<\/h3>\n\n\n\n<p>Popups are a powerful tool in eCommerce that allows store owners to capture the attention of visitors, promote special offers, or deliver important information. The PrestaShop CMS Pages as Popup module enables you to display any CMS page as a popup on your site. Customizing the dimensions of these popups is essential to ensure they fit well within your website&#8217;s design.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 1: Install and Activate the Module<\/h4>\n\n\n\n<p><strong>Install the Module: <\/strong>Begin by installing the &#8220;PrestaShop CMS Pages as Popup&#8221; module. This can be done through the PrestaShop Addons Marketplace or by uploading the module manually.<\/p>\n\n\n\n<p><strong>Activate the Module:<\/strong> Once installed, activate the module by navigating to the Modules section of your PrestaShop back office.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2: Access the Module Settings<\/h4>\n\n\n\n<p><strong>Go to Modules:<\/strong> In your PrestaShop back office, navigate to the &#8220;Modules&#8221; section.<\/p>\n\n\n\n<p><strong>Navigate to Installed Modules:<\/strong> Scroll down or use the search function to locate the installed module.<\/p>\n\n\n\n<p><strong>Select Addify CMS Popup:<\/strong> Click on &#8220;Addify CMS Popup&#8221; to begin configuring the settings.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3: Configure General Settings<\/h4>\n\n\n\n<p><strong>Enable the Popup Feature:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enable:<\/strong> Toggle the setting to \u201cYes\u201d to activate the popup functionality on your store.<\/li>\n<\/ul>\n\n\n\n<p><strong>Set the Popup Dimensions:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Popup Width: <\/strong>Enter the desired width of the popup in pixels. This controls how wide the popup will appear on the screen.<\/li>\n\n\n\n<li><strong>Popup Height:<\/strong> Enter the desired height of the popup in pixels. This controls how tall the popup will appear on the screen.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfayKoJEUx0ZCXgnkc-PkNBwAjZgeN9NoxClAmGzM6ArWp9xQlmxqTtHxScB8gDZ202E2XBhOlsJcDSZepYsWiBSEHaXQSpjqoWgsdXvP03OFYqOChwF6g9zaDd0Sz0ltY2QHkiEJmPb3iEDVaAlQ?key=7pMaPKQL5K1A1guQs1lozA\" alt=\"\"\/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 4: Save Your Changes<\/h4>\n\n\n\n<p><strong>Click Save:<\/strong> After setting the desired dimensions, click the &#8220;Save&#8221; button to apply the changes.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 5: Test Your Popup<\/h4>\n\n\n\n<p><strong>Preview:<\/strong> Navigate to the frontend of your store to test the popup. Ensure that it appears with the correct dimensions and functions as expected.<\/p>\n\n\n\n<p><strong>Adjust if Necessary: <\/strong>If the popup does not appear as intended, return to the module settings and adjust the dimensions accordingly.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcoCFEEu0X-Yy53AmDTZ8CKIdK0AYFdbr17WoWB0KvtlW54QK5iMsQDUeZ6lU4oMGzAqUMWs9NLQBpz_YYQohWU-wYHcsLTkdl4Z1VRpmLqFhR3mcjHk7IPIJFEXTaZYMGjOfX4LoCmIbyDF0RU?key=7pMaPKQL5K1A1guQs1lozA\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Customizing the Popup Dimensions Popups are a powerful tool in eCommerce that allows store owners to capture the attention of visitors, promote special offers, or deliver important information. The PrestaShop CMS Pages as Popup module enables you to display any CMS page as a popup on your site. Customizing the dimensions of these popups is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":7030,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"template-parts\/multiple-page-template.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-7032","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Customize the Popup Dimensions? - Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Customize the Popup Dimensions? - Documentation\" \/>\n<meta property=\"og:description\" content=\"Customizing the Popup Dimensions Popups are a powerful tool in eCommerce that allows store owners to capture the attention of visitors, promote special offers, or deliver important information. The PrestaShop CMS Pages as Popup module enables you to display any CMS page as a popup on your site. Customizing the dimensions of these popups is [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/\" \/>\n<meta property=\"og:site_name\" content=\"Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-16T10:30:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/\",\"name\":\"How to Customize the Popup Dimensions? - Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA\",\"datePublished\":\"2024-08-16T10:30:01+00:00\",\"dateModified\":\"2024-08-16T10:30:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/#primaryimage\",\"url\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA\",\"contentUrl\":\"https:\\\/\\\/lh7-rt.googleusercontent.com\\\/docsz\\\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/how-to-customize-the-popup-dimensions\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PrestaShop\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Prestashop CMS Pages as Popup\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"How To\u2019s PCPP\",\"item\":\"https:\\\/\\\/addify.store\\\/documentation\\\/prestashop\\\/prestashop-cms-pages-as-popup\\\/how-tos\\\/\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"How to Customize the Popup Dimensions?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"name\":\"Documentation\",\"description\":\"Documentation for Addify Extensions\",\"publisher\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/addify.store\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#organization\",\"name\":\"Documentation\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"contentUrl\":\"https:\\\/\\\/addify.store\\\/documentation\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/Asset-21-2x.png\",\"width\":6761,\"height\":1853,\"caption\":\"Documentation\"},\"image\":{\"@id\":\"https:\\\/\\\/addify.store\\\/documentation\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Customize the Popup Dimensions? - Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/","og_locale":"en_US","og_type":"article","og_title":"How to Customize the Popup Dimensions? - Documentation","og_description":"Customizing the Popup Dimensions Popups are a powerful tool in eCommerce that allows store owners to capture the attention of visitors, promote special offers, or deliver important information. The PrestaShop CMS Pages as Popup module enables you to display any CMS page as a popup on your site. Customizing the dimensions of these popups is [&hellip;]","og_url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/","og_site_name":"Documentation","article_modified_time":"2024-08-16T10:30:02+00:00","og_image":[{"url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/","url":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/","name":"How to Customize the Popup Dimensions? - Documentation","isPartOf":{"@id":"https:\/\/addify.store\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/#primaryimage"},"image":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/#primaryimage"},"thumbnailUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA","datePublished":"2024-08-16T10:30:01+00:00","dateModified":"2024-08-16T10:30:02+00:00","breadcrumb":{"@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/#primaryimage","url":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA","contentUrl":"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXcyKYcyglpMASfBGdOMlAmwtOnc7NvLrJeH6oa-4ipCh2vcn-TNUCTRq04pgGH9GqII0543MHT1cBxM7F_q3GNW7zzQldEwpewhdhlf_c7iYVk12iPj5SzlC3_cCmMY_7RnJbUuFFfpB8DS8UkW9g?key=7pMaPKQL5K1A1guQs1lozA"},{"@type":"BreadcrumbList","@id":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/how-to-customize-the-popup-dimensions\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/addify.store\/documentation\/"},{"@type":"ListItem","position":2,"name":"PrestaShop","item":"https:\/\/addify.store\/documentation\/prestashop\/"},{"@type":"ListItem","position":3,"name":"Prestashop CMS Pages as Popup","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/"},{"@type":"ListItem","position":4,"name":"How To\u2019s PCPP","item":"https:\/\/addify.store\/documentation\/prestashop\/prestashop-cms-pages-as-popup\/how-tos\/"},{"@type":"ListItem","position":5,"name":"How to Customize the Popup Dimensions?"}]},{"@type":"WebSite","@id":"https:\/\/addify.store\/documentation\/#website","url":"https:\/\/addify.store\/documentation\/","name":"Documentation","description":"Documentation for Addify Extensions","publisher":{"@id":"https:\/\/addify.store\/documentation\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/addify.store\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/addify.store\/documentation\/#organization","name":"Documentation","url":"https:\/\/addify.store\/documentation\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/","url":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","contentUrl":"https:\/\/addify.store\/documentation\/wp-content\/uploads\/2023\/11\/Asset-21-2x.png","width":6761,"height":1853,"caption":"Documentation"},"image":{"@id":"https:\/\/addify.store\/documentation\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7032","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/comments?post=7032"}],"version-history":[{"count":1,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7032\/revisions"}],"predecessor-version":[{"id":7034,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7032\/revisions\/7034"}],"up":[{"embeddable":true,"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/pages\/7030"}],"wp:attachment":[{"href":"https:\/\/addify.store\/documentation\/wp-json\/wp\/v2\/media?parent=7032"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}