Question

Typeform Integration Shopify page

  • 24 April 2024
  • 7 replies
  • 37 views
J
Badge

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!

 

 

 

 

7 replies

Liz
Rank
Userlevel 7
Badge +5

Hi @Jan2 Do you mind sharing the URL where you have your form embedded? Thanks in advance!

Life is a series of awkward moments separated by snacks.
J
Badge

@Liz Sure, here the link: https://4ky0han19ym4klmy-75785699658.shopifypreview.com

Liz
Rank
Userlevel 7
Badge +5

Thanks, @Jan2 ! I think there might be some styling issues which are causing the problem. 

@mathio do you happen to know if that’s the case? 

Life is a series of awkward moments separated by snacks.
mathio
Rank
Userlevel 7
Badge +5

Entschuldigung, my german is a bit rusty. Which button opens the form? 🤔

J
Badge

@Liz @mathio alles gut :) The button called “Zum Individuellen Konfigurator” ( on home page)

alternative like on the screenshot its: navigation → “Firmengeschenke” → “Unser Angebot für Firmen” → Button on slider “Individueller Konfigurator”

mathio
Rank
Userlevel 7
Badge +5

It 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/

J
Badge

@mathio @Liz Thanks for the feedback. I just tried integrating the Typeform on the Shopify site ( embeded type “standard).

 

 

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”?

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs