This post is to demo, how to add a alert at the side of the screen?

Prerequisite

1. This only work in domain connected premium wix site

To test the app live goto https://www.test.salman2301.com/alert-web-component Check the video to quick demo

For now the alert can only be trigger via code

You can trigger the alert, in just few lines.

Three steps

1) Add a Custom element

2) Add the Alert wix block to the site

3) Use code to trigger the app

1) Add a Custom element

1. Click on the add icon

2. Select Embed

3. Drag and Drop Custom element

Setup custom element

1. Click on the Custom element

2. Select Choose Source

3. Select Server URL for "Add your script file with:"

4. Copy and paste the below URL for Server URL https://cdn.jsdelivr.net/gh/salman2301/wix-alert-component@master/dist/index.js

5. Copy and paste "alerts-component" Tag Name

6. Change the Custom element id to "CustomAlert"

2) Add the Alert wix block to the site

1) Click on this link -> http://wix.to/QcCAC7M

2) It will redirect to select the website to add, Select the site (see image below)

3) Select "I Understand" checkbox and click on "Confirm and Install"(see image below)

4) Now you can add from (+) > my Widget > "alertBySalman2301"(see image below)

5) Once the element is added to the page, Change the element ID to "widgetAlert" from propert panel