--- title: "Enabling Opt-in Box Template for Safari" slug: "enable-opt-in-box-template-for-safari" tags: ["opt in for desktop safari", "safari web push", "web push for desktop safari", "web push optin"] updated: 2026-03-02T14:03:55Z published: 2026-03-02T14:03:55Z canonical: "academy.insiderone.com/enable-opt-in-box-template-for-safari" --- > ## Documentation Index > Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt > Use this file to discover all available pages before exploring further. # Enable Opt-in Box Template for Safari Safari on macOS Ventura and later now supports Web Push notifications using standardized browser APIs such as Push API, Notifications API, and Service Workers. However, unlike other browsers, Safari does not display the native opt-in prompt automatically when a user lands on a website. Users must first perform a gesture, such as clicking a button, before the permission prompt appears. To support this flow, we recommend using the Web Push Opt-in Box Template to actively prompt Safari users. ## Enable the Web Push Opt-in Box for Safari To enable the Web Push Opt-in Box template for Desktop Safari, 1. Navigate to **Experience** > **Optimize** > **Web Templates**. 2. Click the **Create** button on the [Web Templates listing page](https://academy.insiderone.com/docs/web-templates-listing-page). 3. You will land on the Template Library. You can search for the template or find it under **Collect Leads**. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-CU5TL59N.png) 4. When you click the template, you will see the available platforms, their default previews, descriptions, and elements. 1. Choose Desktop and click **Use For Desktop** if you use it for Desktop Web Safari. 2. Choose Mobile, then click **Use for Mobile** if you use it with Mobile Safari.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1681116890296(1).png) 5. [Customize your template](/docs/design-a-web-template) in **Design** mode and view its appearance in **Preview** mode. **Save** your design to proceed.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screenshot%20at%20Dec%2026%2010-33-01.png) ## Configure the campaign 1. Set the traffic allocation of your new variant to 100% and your control group to 0%. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-UCM3RGJF.png) 2. [Target your audience](/docs/segment-a-web-template) in the [Segments](https://academy.useinsider.com/docs/web-segments) step. 3. In the [Rules](/docs/define-rules-for-a-web-template) step of your campaign, choose the **Traffic Source**. 4. Set the browser to **Safari**. Click the **Save and Continue** button at the bottom right of the page.![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/Screen%20Shot%202022-12-26%20at%2010.25.00.png) 5. If you want to display the template in each session of your users, ensure that **Goal Durations** in the [**Goals**](/docs/configure-goals-for-a-web-template) step are set to **Session-based**. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1712656864331.png) If you want to specify a duration between two prompts in the template, remove the session-based checkbox and set the re-eligibility duration accordingly. For example, if you do not want to show the box template twice a week, you can set the duration to seven days. ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-1716885211178.png) ### Important behavior notes - The opt-in box is only shown to users who have not interacted (allowed or blocked) with the browser’s native prompt. - Once a user accepts or rejects the native prompt, the opt-in box will no longer be displayed. - Users who haven’t interacted will continue to see the opt-in box based on your defined goal durations and frequency rules. ## Final launch steps You can set the **language** for your Web Push campaign to match your target audience. Under the [Activation Time](/docs/launch-activation-time), select the **Never Ends** option. Select the **Activation Status** and click **Launch** to [run your campaign](/docs/launch-a-web-template). ![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/image-5GGDZEA6.png) - We highly recommend testing your campaign before it goes live. - Do not forget to [generate](/v1/docs/generate-inone-panel) the InOne panel to apply changes to your website. ## Related - [Web Push Support for Mobile Safari](/web-push-support-for-mobile-safari.md) - [Web Push Opt-in Templates](/web-push-opt-in-templates.md)