AccessibilityWay allows you to embed the widget trigger in your site's elements/components.

Here's how:

  1. Go to the "Widget Settings".
  2. Scroll down until you find the "Trigger Type" section and then select "Custom Trigger".
  3. 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:

  1. 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>
  2. Paste it in the "What is the selector of this element?" field.
  3. 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).

  4. 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!