> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Pop-up This tutorial will walk you through how to customize Age Verification Pop-up, allowing you to align it with your store’s branding. ## Open Age Verification Pop-up in Shopify 1. From your Shopify admin dashboard, navigate to Age Verification Pop-up. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1sax3qg.png) 2. Select the **Store verification** tab. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_13lli4c.png) 3. Select the **Create pop-up** button. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_3d2lq5.png) ## Guide to Configuring the Pop-up – “Info” Tab 1. **Pop-up Info** **Status:** * Select **Enabled** to activate the pop-up. * Select **Disabled** to deactivate it. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1nq4a3o.png) **Name (Required):** * Enter a name for internal reference. * Only administrators can see this name. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_9uovgu.png) **Method:** * **No input:** Customers only need to click “OK” to confirm. * **Birthdate entry:** Customers must enter their birthdate to verify their age ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_ja7q1p.png) **Verify Age:** * Choose the minimum age required for customers to access the website. * Example: Select **18** if only users aged 18 or older should be allowed. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_j6d1hy.png) * Select the date order ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1kjupc8.png) 2. **Condition** **Display page(s):** ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_cy1ags.png) * **All pages** – The pop-up will appear on all pages of the website. * **Home page** – The pop-up will only be displayed on the homepage. * **Specific collections** – Choose specific product collections where the pop-up should appear. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_3orhpa.png) * **Specific products** – Apply the pop-up to selected products only. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1bmph3u.png) * **Custom** – Customize the display pages as needed. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1tv6dhf.png) **Trigger condition:** * **Always show** – The pop-up will appear every time a visitor accesses the page. * **Logged customers** – The pop-up will only appear for users who are not logged in. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_4pjujz.png) ## Background Customization Guide 1. **Customize Background** **Solid color background:** * Select this option to use a solid color as the background for the pop-up. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_wce1zh.png) * Or upload a custom image that is relevant to the content of the page or your brand. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_c3p2n3.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1uwehn4.png) **Color**: * If using a solid color, specify the desired hex code in the “Page background color” field. Note: In case you select “Default” for a solid color background. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1orxqxv.png) 2. **Set Pop-up Background color**: * Enter a hex code for the popup itself in the “Background color” field. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_uilmb3.png) 3. **Set Border color**: * Choose the color of the pop-up border (e.g., #10e093) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1cm7wp5.png) * Set the roundness of the pop-up corners. Enter a value in pixels (e.g., 20px) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_7dv8am.png) * Define the thickness of the border in pixels (e.g., 10px) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1mbhnhc.png) 4. **Add a Logo (Optional)**: * Upload a logo in `.pnj` or `.jpg` format to further customize the pop-up. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1qevah3.png) ## Text Customization Guide 1. **Heading Text**: * Enter the main message in the “Heading text” field. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1y7yzot.png) * Use the formatting options (**Bold**, *Italic*, Underline) to style the text. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_oastou.png) * Align the text to the left, center, or right using the alignment buttons. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1ghwj7s.png) * Add custom HTML by clicking the `` icon for advanced formatting. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1w4bzdx.png) * Customize the font of the text. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1075vzg.png) * Adjust the font size and color using the **text size** and **color** options. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_jzn04h.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1xc4bmh.png) 2. **Sub-heading Text**: * Enter supporting information, such as age restrictions, in the “Sub-heading text” field. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_2to6gb.png) * Customize the sub-heading the same way as the pop-up heading. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1kbrv7p.png) ## Button Customization Guide 1. **Customize Submit Button** **Submit button** * Enter the button label (e.g., **OK**) in the **“Submit button”** field. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1g2bmcf.png) * Use formatting tools to style the text (bold, italic, underline). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_nexisk.png) * Align the text to the left, center, or right using the alignment buttons. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_ukxx3g.png) * Customize the font of the text. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1xmg05j.png) * Adjust the font size and color using the **text size** and **color** options. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_142bepl.png) ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_15cvrmj.png) **Button style** * Set the button’s background color using a hex code (e.g., #FE4D01). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_b0pghx.png) * Define the border color of the button with a hex code (e.g., `#FFFFFF`). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1mgl61j.png) * Enter a value in pixels to round the button’s corners (e.g., `6px`). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_5v8xeu.png) * Specify how thick the border should be (e.g., `2px`). ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_1m2ceut.png) 2. **Customize Cancel Button** **Label**: * Customize the cancel button label by typing in the “Cancel button label” field. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_100kms2.png) * Apply the same customizations to the cancel button as previously done with the submit button. 3. **Visitor setting** * Enter the URL where users will be redirected if they click “Cancel.” ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_dtu6e.png) * Enter the error message to display if there is an issue with date validation. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/image_asuf1m.png)