# Popup Creation Tips > **SUCCESS** This article summarizes key points for creating popups on landing pages, taking into account the recent regulatory movements by major advertising platforms. ## Preamble First, let's review the advertising policies of the two major advertising platforms, Google and Facebook, to understand the impact popups have on ad operations. The essence of both companies' policies is considered to be "not to hinder user experience." ### Google Google's advertising policy clearly stipulates in the Target Page Requirements section of the Help Center that ad landing page content should not be overly complex or difficult to view in the user's page experience. ### Facebook Facebook's advertising policy also has specific requirements regarding landing page experience, but the core is to prevent users from being directed to pages with extremely poor user experience. In other words, if landing pages or popups hinder the purpose of site visitors, they may impact ad operations. However, when supporting users in finding appropriate products more quickly, or enabling users to receive necessary discounts, they do not fall under the above regulations, and ads will not be prohibited or their effectiveness invalidated. ## 6 Tips for Popup Creation Of course, simply meeting the requirements of advertising platforms is not enough to effectively utilize popups and maximize conversion rates. Below, we introduce 6 tips to improve the user experience of landing pages through popups, so let's go through them in order! ## 1. Display/Stop Timing Avoid displaying popups immediately after users arrive on a web page, or displaying popups excessively frequently or that are difficult to close. Popups should be displayed after users have a good understanding of the product and brand. Also, don't forget to include a close button. In Ptengine, you can adjust the timing of display/stop as follows. ### 1-1. After Staying for "X" Seconds In Ptengine, you can set "X" seconds have elapsed since the user visited the page as the display condition for the popup. This way, ensure that users have sufficient time to understand the content of the web page. ### 1-2. When Scrolled to "X%" Position of Page Users who scroll through the landing page are likely interested in your product or brand, so using this setting is also effective. Other options include when the user is about to leave the page or after being inactive for "X" seconds. By displaying popups at specific timings in this way, let's improve the user experience. > **SUCCESS** **Note:** For definitions and details of display/stop conditions, please see [this article](/en/experience/campaign/create-new-1/tips.md). ## 2. Position and Size Popups that are large enough to hinder user browsing may lead to abandonment. It's recommended to set popups based on the following size guidelines. **・Popup: Should not occupy 60% or more of the screen** **・Fixed bar: Should be less than 10% of the screen** Also, set the display position so as not to interrupt user actions. In Ptengine, you can adjust the position and size from "Position and Size" in the popup editing screen. ## 3. Visual Even if popups are displayed at the right timing and size, if the visual is not attractive, it will be difficult to achieve its purpose. The requirements for an attractive popup that provides a better user experience are as follows. * Clear theme with clearly defined content * Copy text is accurate * CTA is easy to understand * Eye-catching uniform colors * If there is a form, input fields are concise and encourage submission * Include relevant and interesting images as needed ## 4. Target Users Different user types have different needs. Avoid displaying the same popup to all users and vary it by user group. Example: ・New visitors: Present a discount and guide them to download the app ・Existing customers: Show a discount and guide them to place an order In Ptengine, you can specify the target users from the experience condition setting screen > Target Users. > **SUCCESS** **Note:** > > For how to create user segments, please see [this article](/en/experience/campaign/create-new-1/tips.md). > > For what user segments are, please see [this article](/en/experience/campaign/create-new-1/tips.md). ## 5. Display Pages If popups are displayed more than once within a single page, user experience may deteriorate. If I were to give one piece of advice regarding popup display, it would be: restraint, restraint, and more restraint. In Ptengine, you can specify the page conditions for displaying experiences in the following screen. ## 6. Goal Setting To confirm whether popups contribute to improving user experience, each element must be verifiable through data. Enable [Event Tracking](/en/experience/campaign/create-new-1/tips.md) for CTA buttons and perform [Experience Goal Setting](/en/experience/campaign/create-new-1/tips.md). ## Checklist The purposes of displaying popups vary, but we have compiled a simple checklist below for creating popups, so please use it. The popup does not violate advertising platform policies (blocking page opening, automatic guide file download, etc.). The purpose of the popup is clear (advertising, brand communication, user behavior guidance, feedback collection, etc.). The display timing and frequency of the popup is appropriate (users should have some awareness of the product or brand before the popup is displayed). The popup size does not hinder page viewing (popup area is less than 60% of the screen, fixed bar area is less than 10% of the screen). The popup position is reasonable. The main content of the popup is clear. Copy text is accurate. CTA is easy to understand. The overall color of the popup is eye-catching and matches the brand tone. If there is a form, input fields are concise and encourage submission. Include relevant and interesting images as needed. Can you vary popups based on user types? Are multiple popups not displayed simultaneously on the page? Whether each element of the popup can be tested and optimized through data. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://helps.ptengine.com/en/experience/campaign/create-new-1/tips.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.