Alert

Alert

Welcome to the “Alert” documentation. Looking to integrate an alert into your website? Our widget help you to to create eye-catching notifications that capture your audience's attention. In this guide, we'll show you how to use the editor to customize your alert widget.

Step 1 : Open the Editor
Step2 : Add and customize elements
Step 3 : Adjust The Layout
Step 4 : Preview



Step 1 : Open the Editor
1. Go to Alert templates.
2. Click on "Edit" after choosing your template.





Step 2: Add and customize elements

1. Here in this panel, you have control over what shows up in your widget, you can easily add, remove, or change the content of the alert, such as text, image or button. Simply hover over the container to access these options.





2. Click on the edit icon to customize your element. From there, you'll be able to manage its color, style, width, and height . You can also put a border, set a background image and adjust its opacity.
     Apart from that you can tweak the spacing around each element by customizing the margin and padding.

3. Once you're finished, click on "Done" to save your changes.






Step 3: Adjust the Layout

1. In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, position, adding an overlay, choosing how it's displayed, and even adding animations.




  •  To switch from the popup to the section view, simply deactivate the popup and disable the closable toggle.






    • Step 4: Preview

    Lastly, you can click on “Preview” to see how your alert widget looks on both desktop and mobile devices. After this, you can proceed to the next step.



    Related Articles:
    FAQ Section Headnig