Hello together,
we want to use Typeform as a product configurator and integrate it into our Shopify shop. Unfortunately, we now have a problem with integration. As soon as you click on the configurator button, the typeform appears on the entire screen. The customer can't close the window and the form doesn't look good. How do I ensure that the Typeform form is integrated on our site so that the menu ( Firmengeschenke, Anlass, Geschenke für etc.) items at the top can also be seen?
Thank you!
+5
+5It looks like the button links to the form. You might be looking for embedding the form in your website - see this help article: https://www.typeform.com/help/a/embed-your-form-360029249212/
When the customer clicks on the button, it is redirected to the configuration page. For this I created a new page in Shopify and added the code ( <div data-tf-live="01HT2TT22E439FSTYDE9Y4TA6B"></div><script src="//embed.typeform.com/next/embed.js">< /script> ).
However, the view and format are not suitable at all. How can I adjust the formatting so that the configurator is well integrated on the page. Changing the hight to automatic and width to 100%
doesn't help either.
And how can I remove the title “Geschäftskunden Konfigurator – Ihr individuelles Firmenpräsent”?
+5Hi
+5It looks like the the title “Geschäftskunden Konfigurator – Ihr individuelles Firmenpräsent” is not coming from the typeform but rather from your page (element “section-header”). I am sorry but I can not provide help with Shopify platform as I never used the tool myself.
Your embed fills 100% of the space available to it. It looks like in your page you have a parent element “container--xs” that wraps the embed. This means the form is constrained to the width of this container. You will need to update this container to have full width of the screen.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
