Skip to main content

​
Embed the Claimr script

1

Access your website's HTML

Begin by accessing the HTML source code of the webpage where you want to integrate the Claimr widget.
2

Locate the head section

The <head> section is typically found at the beginning of your HTML document. This is where you will insert the Claimr script.
3

Insert the Claimr script

Copy the provided script from Get embed code and paste it into the <head> section of your HTML.
4

Specify the container ID

Replace CLAIMR_CONTAINER_ID in the script with the actual ID of the HTML element where you want the Claimr widget to be displayed.Example: if you have a <div> with the ID myClaimrWidget, the data-container attribute should be data-container='myClaimrWidget'.
5

Configure add-ons (optional)

The data-addons attribute allows for further customization of the widget. If you have specific add-ons or configurations, modify this attribute accordingly. For basic functionality, the default value (sup) is sufficient.
6

Save and test

Save your HTML file and load the webpage in a web browser to ensure the Claimr widget is correctly integrated and functioning as expected.

​
Troubleshooting

If the widget does not appear or function correctly:
  • Verify container ID: Ensure that the ID specified in the data-container attribute precisely matches the ID of the designated HTML element.
  • Check for typos: Carefully review the script URL and data attributes for any typographical errors.
  • Consult browser console: Utilize your browser’s developer tools to examine the console for any error messages that may indicate issues with the script or integration.
If you have any questions or need assistance, feel free to reach out to our support team.