The Embed Code section in the WiserNotify “Social Proof ” notification Design configuration allows users to control how the notification integrates with their website’s code and style. Here’s a detailed explanation of the options:
1. Embed into Your HTML
- This option provides the necessary embed code to include WiserNotify notifications directly into your website’s HTML.
- How to Use:
- Select this checkbox to generate and display the embed code snippet.
- Please copy the code provided and paste it into the
<head>or<body>section of your website, as directed. - This ensures the notification is displayed correctly on your website.
- When to Use:
- If your website does not already have the WiserNotify global script installed.
- For standalone or manual integrations on custom platforms.
2. Add Custom CSS
- It enables you to apply custom CSS styling to your notifications for advanced customization.
- How to Use:
- Check the box to enable the custom CSS editor.
- Input your custom CSS rules in the provided text box.
- Save changes to see your custom styles applied to the notifications.
- Use Cases:
- To match the notification’s appearance more closely with your website’s design.
- To add unique animations or styling that is not available through the default design options.
Important: After making changes, check your notification in a private browser to avoid cache issues.
Need Help?
Explore our Troubleshooting Guide or contact our live chat support from your WiserNotify account. We’re here to assist you promptly.
