Upotusopas

Upota YeetForm Shopifyyn

Shopifyn teemaeditori antaa lisätä raakaa HTML:ää ja skriptiä mille tahansa sivulle Custom Liquid -osion kautta, mikä riittää YeetFormin upotusskriptin ajamiseen ilman sovelluksen asentamista Shopify App Storesta. Käytä sitä yhteydenottolomakkeeseen, ennakkotilauslistalle, mittakyselyyn tai palautuspyyntösivulle — mihin tahansa, missä kauppa tarvitsee jäsenneltyjä vastauksia pelkän sähköpostin sijaan.

Vaiheet

1

Lisää Custom Liquid -osio

Siirry Shopify Adminissa kohtaan Online Store > Themes > Customize, avaa sivu, jolle lomake tulee, valitse Add section (tai Add block mallista riippuen) ja valitse Custom Liquid.

2

Liitä koodi

Liitä alla oleva koodi Liquid-koodikenttään. {{ section.id }}-osa pitää säiliön id:n uniikkina, jos lisäät osion joskus kahdesti samalle sivulle.

<script src="https://yeetform.io/sdk.js"></script>
<div id="yf-{{ section.id }}"></div>
<script>
  YeetForm.embed("your-form-slug", "#yf-{{ section.id }}");
</script>
3

Tallenna ja esikatsele

Napsauta Save ja avaa sivu kaupassasi (ei pelkkää teemaeditorin esikatselua) varmistaaksesi, että lomake latautuu ja muuttaa kokoaan oikein.

Vinkit

  • Upotus muuttaa kokoaan automaattisesti postMessage-kuuntelijan avulla, joten osion kiinteää korkeutta ei tarvitse arvailla.
  • Upotetut lomakkeet renderöityvät ilman YeetFormin omaa otsikkoa, joten ne näyttävät luontevalta osalta Shopify-sivuasi eivätkä ulkopuoliselta widgetiltä.
  • Lisää piilokenttä kontekstin automaattiseen tallentamiseen — välitä se sivun URL:n kyselyparametrina (?utm_source=... tai ?field_id=arvo) kampanja- tai tuotesivuseurantaa varten.

Rakenna lomakkeesi tekoälyllä sekunneissa

Ilmaisversio sisältää AI-luonnin, logiikan ja upotuksen.

Rakenna lomakkeesi tekoälyllä sekunneissa

UKK

Tarvitsenko Shopify-sovelluksen YeetForm-lomakkeen upottamiseen?+
Et. Custom Liquid -osiot ovat sisäänrakennettuina jokaisessa Shopifyn teemaeditorissa, joten mitään ei tarvitse asentaa Shopify App Storesta.
Toimiiko Custom Liquid Shopifyn Basic-tasolla?+
Kyllä. Custom Liquid -osiot ovat käytettävissä kaikilla Shopify-tasoilla, myös Basicilla — se on teemaeditorin ominaisuus, ei tasosidonnainen.
Voinko kerätä Shopify-tilausnumeroita tai asiakastietoja lomakkeella?+
Voit lisätä tekstikentän tilausnumerolle ja pyytää asiakkaita täyttämään sen käsin. YeetForm ei tällä hetkellä hae Shopify-tilaus- tai asiakastietoja automaattisesti.
Sopiiko lomake Shopify-teemani fontteihin ja väreihin?+
Voit asettaa lomakkeen korostusvärin, fontin ja kulmien pyöristyksen YeetFormin teemaeditorissa lähelle omaasi; se renderöityy omassa laajuudessaan, joten se ei peri Shopify-teemasi CSS:ää automaattisesti.