Tutorials

How to configure a custom Webflow design to work with Tangram

Learn how to connect your custom designs to Tangram using classes and ids in Webflow.

Paris Mielke

June 10, 2022

June 10, 2022
4 min

Note:
Every name below (e.g. "tangram-user-photo") needs to be added as a class in Webflow unless otherwise stated. Some names (e.g. "tangram-container", "tangram-user-container", "tangram-listing-container") need to be added to container components or divs in Webflow instead of as classes.

In order to make sure you have correctly connected your Webflow design you will need to paste the appropriate ✨magic snippet✨ in the custom header code for the pages you are designing in Webflow. See where to find your magic snippets in this tutorial.

If you ever want help contact us for complimentary 1:1 help or setup from a Tangram Expert!
^ Custom Webflow Profile Page Class & Id Structure ^
^ Custom Webflow Listing Detail Page Class & Id Structure ^
^ Custom Webflow Listing Directory Class & Id Structure ^
^ Custom Webflow User Directory Class & ID Structure ^
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
No items found.
No items found.
No items found.