AccessibilityWay allows you to embed the widget trigger in your site's elements/components.
Here's how:
- Go to the "Widget Settings".
- Scroll down until you find the "Trigger Type" section and then select "Custom Trigger".
- It will reveal the "Custom Trigger Settings" where you can provide ID or Class.
Here's how you can find the ID or Class of your site's element:
-
Identify the HTML Element:
Open the webpage in your browser.
Use the browser's developer tools (right-click an element and select Inspect) to locate the element you want to link.
Note the element's class or id.
Example:
<div id="promo-banner">Special Discount!</div> <button class="cta-button">Shop Now</button>
- Paste it in the "What is the selector of this element?" field.
-
Use the correct selector syntax:
For an id, use
#id-name
(e.g.,#promo-banner
).For a class, use
.class-name
(e.g.,.cta-button
). -
Best Practices
-
Ensure that your links improve navigation and user experience.
-
Test the functionality after setting the links to ensure they work as expected.
-
Avoid targeting highly generic classes (e.g.,
.button
) to prevent unintended behavior elsewhere on the page.
-
You are good to go!