How can I properly embed a Marmoset Toolbag viewer of my custom model into my website using Webflow?

Published on

September 22, 2023

Note

CommunityFAQ is not affiliated with Webflow. Click here if you'd like to visit Webflow's help resources.

To properly embed a Marmoset Toolbag viewer of your custom model into your website using Webflow, you can follow these steps:

Obtain the embed code from Marmoset Toolbag:

After exporting your custom model from Marmoset Toolbag, you will need to generate an embed code.
To do this, open your model in Marmoset Toolbag and go to "Export" in the top menu.
Customize the viewer settings as per your requirements and click on "Generate Embed Code".
Copy the provided code.

Create a new page or open an existing page in the Webflow Designer:

In your Webflow project, create a new page or open the page where you want to embed the Marmoset Toolbag viewer.

Add an embed element:

Drag and drop an Embed element from the Elements panel onto the desired section of your page.

Paste the embed code:

Double click on the Embed element to open its settings in the right sidebar.
Paste the Marmoset Toolbag embed code into the Code field.

Adjust the size and position of the viewer:

By default, the Marmoset Toolbag viewer will take up the full width and height of the Embed element.
Use the Webflow Designer tools to adjust the size and position of the Embed element as desired.

Preview and publish your website:

Preview your website to ensure the Marmoset Toolbag viewer is displaying correctly.
Publish your website to make the changes go live.

By following these steps, you will be able to embed a Marmoset Toolbag viewer of your custom model into your website using Webflow. This will allow visitors to interact with and view your model directly on your website. Make sure to optimize your model's title, description, and any relevant keywords in the surrounding content to improve SEO.

Example Embed Code:

<div class="marmoset-embed" data-src="https://your-model-url"></div><script async src="https://viewer.marmoset.co/core/embed.js"></script>

Note: Replace https://your-model-url with the actual URL of your model.

Additional Questions:

How can I customize the appearance of the Marmoset Toolbag viewer in Webflow?
Can I embed multiple Marmoset Toolbag viewers on the same page using Webflow?
Are there any alternative 3D model viewers that can be embedded in a Webflow website?

Is there a video tutorial or someone available to instruct me on how to change the A records in cpanel to use Webflow for a custom domain?

What steps has the user taken to implement event tracking on a button click in Webflow, and what error message are they receiving?

Can Webflow be connected to Firebase for more than just authentication and can it fully utilize Firebase's backend tools? Is there a limit to the extent of custom coding that can be done in Webflow?

Is it possible to favorite items on subsequent pages or with search filters applied using the pagination feature of attributes and the favorite feature of Jetboost on the website?

How can I change my webflow DNS settings to prevent my email from freezing?

Can I create a search bar with multiple options connected to the CMS in Webflow, similar to https://www.trulia.com? Can I integrate a membership system where members pay a subscription fee to publish their ads with contact forms and email notifications in Webflow?

Is there an affiliate link that drops a cookie and allows us to sign up clients through that link in order to receive credit and commissions for referring them to Webflow?

Can I design a website for a client using my "starter" account plan and then transfer it to their own "starter" account for hosting on Webflow? Does my client need a paid account plan in order to host a website on Webflow, or can they use the "Basic" or "CMS" hosting plan with the "Starter" account plan?

Does any changes made on the devices view affect the desktop view on Webflow?

How can I filter a collection list in Webflow to only display articles written by the logged-in member on their profile page using memberstack?