Ck Sections Documentation

Efter installationen kommer du till CK Section Marketplace. Bläddra bland de tillgängliga mallarna, till exempel "Stats Counter" eller "Modern Image with Text". När du hittar en sektion du gillar, klicka på knappen Add Free för att lägga till den i din samling.

Från instrumentpanelen "Mina sektioner", leta reda på den specifika sektion du vill använda (t.ex. CK - FAQ #1). Klicka på knappen "Installera i tema" som finns längst ner på sektionskortet.

Ett popupfönster med titeln "Installera [Section Name] i temat" visas. Klicka på rullgardinsmenyn "Välj tema" för att se en lista över alla teman som för närvarande är tillgängliga i din Shopify-butik. Välj det tema där du vill att sektionen ska läggas till

Gå till sidofältet i din Shopify-admin och klicka på Butik. Detta tar dig till området för dina teman där du kan hantera dina aktiva och utkastade teman.

I sidofältet i temasredigeraren hittar du området där du vill lägga till det nya innehållet (till exempel området "Mall") och klickar på knappen (+) Lägg till avsnitt.

En sökmeny öppnas. Scrolla genom listan eller sök efter avsnittet du precis installerade. Det börjar vanligtvis med "CK" (t.ex. CK faq #1). Klicka på det för att lägga till det i din sidlayout.

När sektionen visas på din sida kan du använda sidofältet till höger för att anpassa färger, typsnitt och text. När du är nöjd med utseendet klickar du på Spara-knappen i det övre högra hörnet för att publicera ändringarna.

Klicka på knappen + Skapa formulär längst upp till höger eller i mitten av instrumentpanelen för att öppna inställningsskärmen.

Du har två sätt att skapa ett formulär på:

• Mallar: Välj bland fördefinierade alternativ som Kontaktformulär, Jobbansökan eller Specialbeställning för att spara tid.
• Börja från grunden: Klicka på Skapa tomt formulär för att bygga ett helt eget utseende från grunden.

Byggaren är uppdelad i tre huvudområden:

• Vänster sidofält (fältstyper): Din verktygslåda. Klicka på eller dra ett fält (Text, E-post, Telefon, Rullgardinsmeny, etc.) till det mellersta området.
• Mellomliggande arbetsyta: Förhandsvisning av formuläret i realtid. Här kan du redigera Formulärens rubrik och Beskrivning.
• Övre menyrad: Innehåller Ångra/Återställ-åtgärder, en Förhandsgranska-knapp för att se den aktuella versionen, Inställningar och Spara-knappen.

När du har lagt till ett fält klickar du på det för att öppna redigeringsfältet till höger. Anpassningen är uppdelad i fyra kategorier:

Ändra etiketten, lägg till platshållartext eller markera fältet som obligatoriskt.

Ange min/maxlängd för tecken eller använd regexmönster för specifika datatyper.

Växla mellan Full bredd och Halv bredd för att placera två fält sida vid sida.

Villkorlig logik gör det möjligt att skapa "smarta" formulär som ändras baserat på användarens svar. Du kan visa eller dölja specifika fält endast när vissa kriterier är uppfyllda.

Så här ställer du in logiken

1. Välj ett fält: Klicka på det fält du vill visa eller dölja dynamiskt.
2. Aktivera logiken: I den högra sidopanelen, expandera avsnittet Villkorlig logik och markera rutan Aktivera villkorlig logik.
3. Ange åtgärden: * Välj om det valda fältet ska visas eller döljas.
4. Ställ in matchningsvillkor:
   Alla: Alla villkor måste vara uppfyllda.
   Något: Endast ett av villkoren behöver vara uppfyllt.
5. Konfigurera villkoren:
   Välj fält: Välj vilket fälts värde som ska utlösa logiken.
   Välj operator: Välj hur värdet ska jämföras (t.ex. Är lika med, Innehåller, Större än, Är tomt).
   Ange värde: Skriv in det specifika värde du letar efter.

Styr vad som händer efter att en användare har interagerat med ditt formulär.

• Text på skicka-knappen: Anpassa etiketten på din primära åtgärdsknapp (t.ex. "Skicka meddelande", "Boka nu").
• Lyckat meddelande: Skriv ett anpassat tackmeddelande som visas direkt efter en lyckad inskickning.
• Omdirigerings-URL: (Valfritt) Skicka automatiskt användare till en specifik sida (som en "Tack"- eller "Erbjudanden"-sida) när de har skickat in formuläret.

Anpassa utseendet efter din butiks varumärke utan att skriva kod.

• Färger: Ange specifika hexkoder för din Primära färg (knappar/markeringar), Bakgrund och Text.
• Typografi: Välj en Typsnittsfamilj eller ange Ärva från tema för att behålla en enhetlig stil i din butik.
• Avstånd och form: Använd reglagen för att justera Kantradie (för rundade hörn) och Padding (för att ge dina fält mer utrymme).

Håll dig uppdaterad om nya leads och förfrågningar.

• Aktivera aviseringar: Aktivera reglaget för att få ett e-postmeddelande varje gång ett formulär skickas in.
• Aviseringsmejl: Klicka på + Lägg till e-postadress för att skicka aviseringar till flera teammedlemmar eller avdelningar samtidigt.

Skydda din butik från spam och automatiserade bottar.

• CAPTCHA-skydd: Aktivera detta för att lägga till ett verifieringssteg för användare, vilket förhindrar inskickningar från bottar.
• Hastighetsbegränsning: Ange ett maximalt antal tillåtna inskickningar per minut från en enskild användare för att förhindra missbruk av formulär.

Innan ett formulär kan visas i din butik måste det publiceras.

• Publicera: Klicka på knappen Publicera längst upp till höger i redigeraren.
• Kopiera ID: När formuläret är publicerat klickar du på knappen Kopiera ID i den översta menyraden. Du behöver detta unika ID för att ange vilket formulär Shopify ska visa.

Du kan placera ditt formulär på valfri sida (Hem, Kontakt, Produkt, etc.) med hjälp av Shopify Theme Editor.

• Öppna Theme Editor: Gå till din Shopify-admin > Online Store > Themes > Customize.
• Lägg till sektion: Klicka på Add Section i den vänstra sidomenyn.
• Välj fliken Apps: Byt från "Sections" till fliken Apps och välj Ck Forms.

Klistra in formulärens ID: Klicka på den nyligen tillagda Ck Forms-blocket. I inställningsfältet till höger klistrar du in det ID du kopierade tidigare i fältet Formulärens ID (Skärmdump 11).

Spara: Klicka på Spara längst upp till höger i Shopify-redigeraren.

Ditt formulär visas nu live i din butik. Det kommer automatiskt att ärva de stilar (färger, typsnitt och layout) som du har konfigurerat i appens inställningar.