Ck Sections Documentation

Na installatie wordt u doorgeleid naar de CK Section Marketplace. Bekijk de beschikbare sjablonen, zoals de "Stats Counter" of "Modern Image with Text". Wanneer u een sectie vindt die u bevalt, klikt u op de knop Add Free om deze aan uw collectie toe te voegen.

Zoek in het dashboard "Mijn secties" de specifieke sectie die u wilt gebruiken (bijv. CK - FAQ #1). Klik op de knop "Installeren in thema" onderaan de sectiekaart.

Er verschijnt een pop-upvenster met de titel "Sectie [Section Name] toevoegen aan thema". Klik op het uitklapmenu "Thema selecteren" om een lijst te zien van alle momenteel beschikbare thema's in je Shopify-winkel. Kies het thema waaraan je de sectie wilt toevoegen

Ga naar de zijbalk van je Shopify Admin en klik op Online winkel. Je wordt hiermee naar je thema-overzicht geleid, waar je je actieve en conceptthema's kunt beheren.

Zoek in de zijbalk van de Thema-editor het gedeelte waar u de nieuwe inhoud wilt toevoegen (zoals het gedeelte "Sjabloon") en klik op de knop (+) Sectie toevoegen.

Een zoekmenu wordt geopend. Scroll door de lijst of zoek naar het gedeelte dat je zojuist hebt geïnstalleerd. Het wordt doorgaans voorafgegaan door "CK" (bijv. CK faq #1). Klik erop om het aan je paginalay-out toe te voegen.

Zodra de sectie op je pagina verschijnt, kun je de zijbalk aan de rechterkant gebruiken om kleuren, lettertypen en tekst aan te passen. Als je tevreden bent met het uiterlijk, klik je op de knop Opslaan in de rechterbovenhoek om de wijzigingen live te zetten.

Klik op de knop + Formulier maken rechtsboven of in het midden van het dashboard om het instelscherm te openen.

Je kunt op twee manieren een formulier maken:

• Sjablonen: Kies om tijd te besparen een van de vooraf gemaakte opties, zoals Contactformulier, Sollicitatieformulier of Op maat gemaakte bestelling.
• Begin vanaf nul: Klik op Leeg formulier maken om een unieke indeling vanaf de basis op te bouwen.

De bouwer is verdeeld in drie hoofdgebieden:

• Linker zijbalk (Veldtypen): Je gereedschapskist. Klik op een veld (Tekst, E-mail, Telefoon, Dropdown, etc.) of sleep het naar het middelste gebied.
• Middelste werkruimte: Je live formulierweergave. Hier kun je de Formulierkop en Beschrijving bewerken.
• Bovenste balk: Bevat Ongedaan maken/Opnieuw uitvoeren-acties, een Voorbeeld-knop om de live versie te bekijken, Instellingen en de Opslaan-knop.

Zodra je een veld hebt toegevoegd, klik je erop om de bewerkingsbalk aan de rechterkant te openen. De aanpassing is onderverdeeld in vier categorieën:

Wijzig de label, voeg placeholder-tekst toe of markeer het veld als verplicht.

Stel minimale/maximale lengtes van tekensreeksen in of gebruik regexpatronen voor specifieke gegevenstypes.

Schakel tussen Volle breedte en Halve breedte om twee velden naast elkaar te plaatsen.

Voorwaardelijke logica stelt u in staat om "slimme" formulieren te maken die veranderen op basis van de invoer van de gebruiker. U kunt specifieke velden alleen weergeven of verbergen wanneer aan bepaalde criteria wordt voldaan.

Zo stelt u logica in

1. Selecteer een veld: Klik op het veld dat u dynamisch wilt weergeven of verbergen.
2. Logica inschakelen: Vouw in de rechterzijbalk de sectie Voorwaardelijke logica uit en vink het vakje Voorwaardelijke logica inschakelen aan.
3. Definieer de actie: * Kies of u het geselecteerde veld wilt Weergeven of Verbergen.
4. Stel de overeenkomstregel in:
   Alle: Elke voorwaarde moet waar zijn.
   Enige: Slechts één van de voorwaarden hoeft waar te zijn.
5. Configureer voorwaarden:
   Selecteer veld: Kies welk veld de logica zal triggeren op basis van de waarde ervan.
   Selecteer operator: Kies hoe de waarde moet worden vergeleken (bijv. Gelijk aan, Bevat, Groter dan, Is leeg).
   Voer waarde in: Typ de specifieke waarde die u zoekt.

Controleer wat er gebeurt nadat een gebruiker met uw formulier heeft geïnteracteerd.

• Tekst van de verzendknop: Pas de tekst van uw belangrijkste actieknop aan (bijv. "Bericht verzenden", "Nu boeken").
• Succesmelding: Schrijf een gepersonaliseerde bedankmelding die onmiddellijk verschijnt na een succesvolle verzending.
• Doorverwijzings-URL: (Optioneel) Stuur gebruikers automatisch naar een specifieke pagina (zoals een "Bedankt"- of "Aanbiedingen"-pagina) zodra ze het formulier hebben verzonden.

Pas het formulier aan de huisstijl van je webshop aan zonder code te schrijven.

• Kleuren: Stel specifieke hexcodes in voor je Primaire kleur (knoppen/accenten), Achtergrond en Tekst.
• Typografie: Kies een Lettertypefamilie of stel deze in op Overerven van thema om de uitstraling van je webshop consistent te houden.
• Witruimte en vorm: Gebruik de schuifregelaars om de Hoekradius (voor afgeronde hoeken) en Opvulling (om je velden meer ruimte te geven) aan te passen.

Blijf op de hoogte van nieuwe leads en aanvragen.

• Meldingen inschakelen: Zet de schakelaar om een e-mail te ontvangen elke keer dat een formulier wordt verzonden.
• Meldingen per e-mail: Klik op + E-mail toevoegen om tegelijkertijd meldingen naar meerdere teamleden of afdelingen te sturen.

Bescherm je webshop tegen spam en geautomatiseerde bots.

• CAPTCHA-bescherming: Schakel dit in om een verificatiestap voor gebruikers toe te voegen en formulierverzendingen door bots te voorkomen.
• Snelheidslimiet: Stel een maximum aantal verzendingen per minuut in dat per gebruiker is toegestaan om misbruik van formulieren te voorkomen.

Voordat een formulier op je webshop kan verschijnen, moet het worden gepubliceerd.

• Publiceren: Klik op de knop Publiceren rechtsboven in de editor.
• ID kopiëren: Nadat je het formulier hebt gepubliceerd, klik je op de knop ID kopiëren in de bovenste balk. Je hebt dit unieke ID nodig om Shopify te laten weten welk formulier er getoond moet worden.

Je kunt je formulier op elke pagina plaatsen (Home, Contact, Product, etc.) met behulp van de Shopify Theme Editor.

• Open de Theme Editor: Ga naar je Shopify-beheeromgeving > Online winkel > Thema's > Aanpassen.
• Sectie toevoegen: Klik in de linkerzijbalk op Sectie toevoegen.
• Selecteer het tabblad Apps: Schakel over van "Secties" naar het tabblad Apps en selecteer Ck Forms.

Plak het formulier-ID: Klik op het nieuw toegevoegde Ck Forms-blok. Plak in de instellingenkolom aan de rechterkant het eerder gekopieerde ID in het veld Formulier-ID (Schermafbeelding 11).

Opslaan: Klik rechtsboven in de Shopify-editor op Opslaan.

Je formulier is nu live zichtbaar in je webshop. Het krijgt automatisch de stijlen (kleuren, lettertypen en lay-out) die je hebt ingesteld in de app-instellingen.