How to Embed a Spek Icon on a Website
You can embed Speks directly in most web applications using Chrome. Here's how to set it up:
- Create a Spek using the Web App or the Chrome Extension.
- Enter the Label of the Spek, which must be an exact text match for where you'd like the Spek to appear.
Example: To embed a Spek next to "Lead Source," enter "Lead Source" as the label.
Note: The Spek will appear anywhere that exact text shows up on the page — so if "Lead Source" appears in multiple places on the page or website, the same Spek will show in each spot.
- Enter a Definition for the Spek. You can add style to the text using the rich text options. Click here to learn how to use our rich text editor!
- Add the Spek being created to one or more Topics. This Topic must have the Domain URL linked to the website you're targeting, otherwise the embedded Speks will not show up. To make sure your custom Speks show up where they should, click here to learn how.
- Click the Save button to publish your newly created Spek.
- Open the Spekit Chrome Extension (Sidekick).
- Click on the ellipsis [...].
- Select Settings, and enable the Display Spek Icons toggle.
Note: If you are using our Salesforce Integration, make sure to read the instructions above on how to document your existing fields synced in Spek.