Embed Code Integration
Currently, there is no internal plugin for embedding Lottie animation on the Shopify website. Nonetheless, you can still use Lordicon Embed Code to add animated icons to your Shopify website.
- Pick an icon you would like to use.
- Customize your icon. Note. Icon collections don’t work here. You will need to add icons one by one.
- Click download, and select “Embed CODE”
- Set properties such as Animation player type, icon size, and delay. Delay works the best with hover icons played on a loop.
- Copy HTML code.
- Go to your Shopify website and customize a theme
- Add the “custom content” section, and click on the “Custom HTML” tab.
- Paste HTML code.
- Click "Save"
- On that level, you can still adjust properties by playing with code.
Feel free to send us your Shopify websites that use our icons. We will shortlist them in the upcoming "Examples" section.