📢 Use this project, contribute to it or open issues to help evolve it using Store Discussion.


All ContributorsAll Contributors

Elfsight first party integration app. The solution provides widgets that help website owners to increase sales, engage visitors, collect leads and more.



  1. Adding the app as a theme dependency in the manifest.json file;
"dependencies": {
  "vtex.elfsight": "1.x"
  1. Add the block elfsight, responsible for rendering your Elfsight widget, to your theme blocks.json file. Notice: the block can be added to any page template you want.
  2. Declare in it the prop appId whose value must be the app ID of the widget provided by Elfsight. For example:
   "footer-layout.desktop": {
     "children": [
+      "elfsight#foobar"

+  "elfsight#foobar": {
+    "props": {
+      "appId": "4a13d81d-20f3-4661-b472-9de777efe3ed"
+    }
+  }

elfsight props

Prop nameTypeDescriptionDefault value
appIdstringThe app ID of the widget provided by Elfsight. The format should be as follows: XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX.undefined

You should get the app ID from the Elfsight admin:

App IdApp Id

Contributors ✨

Thanks goes to these wonderful people:

This project follows the all-contributors specification. Contributions of any kind are welcome!

Did this page help you?