How to connect Webflow to Tangram using the ✨magic javascript✨ snippet
Connect Webflow to Tangram by copy/pasting a ✨magic code snippet✨ in the header of every page that needs to access data from Tangram in Webflow's page settings.
Step 2) Connect Webflow to Tangram by copy/pasting a ✨magic code snippet✨ in the header of every page that needs to access data from Tangram in Webflow's page settings
![](https://assets-global.website-files.com/62225040ce58e540e7146ec4/62a3a60083e4a131b7510d23_enhc9QjbeNFbXgdR_zu7V09rRZ28wwNbnr4Cp9aubGRqJxOEX9Yl_tEv6-nZ_B3un-eZTRRE1Hnmda2IdmKfZWiNUHtuCYImsKFpstH0FPP9kSCVU5jl2I-JCQ2g_UYL7uR8PPvzP3q-04t0fg.png)
If you are trying to pull data onto a user directory or user profile page in Webflow you must use the user directory Webflow snippet provided by Tangram. See how to generate a user directory snippet in Tangram here:
![](https://assets-global.website-files.com/62225040ce58e540e7146ec4/62a3a600e6824548d7d2af8d_cLNcJuZ-uE3zM2rJNZW4W6EgrfZNc2x0aEOc_Lk3uf1pLPMwLB4Pf20V_TpJZLGhKcure8LYENKjfsUP86AS6zOvbBv8gTZ7Z1t38FtIbvmg9vHj6PoBm2mEhljbf1E-ZSUGXo_Gdc0MaUcXLQ.png)
![](https://assets-global.website-files.com/62225040ce58e540e7146ec4/62a3a6002dd515130b981edb_eFBZTmYkopJbda8q0qDXmXsVgU--C2TLtopmBKA0wFuNtzs_nYG3MJNZ9nUoc8mopLDfW0yJGZ0GbpF6HgDe37TfL3_bAhmMfT11l8hm3V9aVt2G-fe4p6dNgcMSgD0L2RD4XwYmnz3Nu5FjJw.png)
If you are trying to pull data onto a listing directory or listing details page in Webflow you must use the listing directory Webflow snippet provided by Tangram. See how to generate a listing directory snippet in tangram here.