Sådan tilføjes, konfigureres og tilpasses web byggerens email tilmeldings modul.
Lad din email-liste vokse let ved at bruge funktionen i awork biz.
Hvordan tilføjer jeg et email tilmeldings modul til min hjemmeside?
Før du kan tilføje et søgemodul til din hjemmeside skal du først ind i web byggeren. Når dit Awork biz tema er blevet installeret på din hjemmeside, skal du ind i den visuelle bygger og derfra tager tingene fart.
Når du har trykket på den visuelle bygger, kan du klikke på den grå plus-knap for at tilføje et nyt modul til din side. Nye moduler kan kun tilføjes inde i rækker. Hvis du starter en ny side, skal du huske at tilføje en række til din side først.
Find det nye modul i modullisten, og klik på det for at tilføje det til din side. Modullisten er søgbar, hvilket betyder at du også kan skrive "Email Optin" og derefter trykke “Enter” for at automatisk finde det. Når modulet er tilføjet, vil du blive mødt med modulets liste over muligheder. Disse muligheder er opdelt i tre hovedgrupper: Indhold, Design og Avanceret.
Konfigurering af e-mail konti
Før du kan bruge e-mail-modulet, skal du først oprette forbindelse til en e-mail-udbyder. Disse udbydere kan tilføjes og styres inden for modul indstillingerne. Når du har tilføjet en ny e-mail-udbyder, vises den i modul indstillingerne, når du redigerer et e-mail-modul på din hjemmeside.
For at tilføje en ny e-mailudbyder skal du først vælge din e-mailudbyder fra listen “Vælg udbyder”. Klik derefter på knappen “Tilføj” for at linke modulet til din e-mail-konto.
Efterfølgende skal du udfylde de resterende ting, så det hele bliver sat op.
Email Tilmeldingsindstillinger
Inden for fanen indhold finder du alle modulets indholdselementer, såsom tekst, billeder og ikoner. Alt, der styrer det, der vises i dit modul, findes altid i denne fane.
Titel
Indsæt titlen på din tilmeldingsformular her.
Knap Tekst
Angiv signatur teksten her.
Indhold
Dette felt er, hvor du kan indtaste indholdet til SignUp.
Serviceudbyder
Her kan du vælge hvilken mailsystem, du bruger. Modulet understøtter mange forskellige udbydere. Vælg din udbyder fra listen.
Brug Baggrundsfarve
Hvis aktiveret, vil en baggrundsfarve blive anvendt til modulet. Hvis en baggrundsfarve er blevet aktiveret, tilføjes yderligere “padding” i modulet for at adskille tekstindholdet fra modulets synlige kant. Hvis en baggrundsfarve ikke er aktiveret, bliver modulets baggrund gennemsigtig, og den ekstra “padding” fjernes.
Baggrundsfarve
Du kan vælge hvilken som helst farve til din tilmeldingstitel ved at bruge farvevælgeren. Vælg den samme farve som dens afsnit baggrund, for at skabe udseendet af en fuld bredde eller grænseløs effekt.
Admin Etiket
Dette vil ændre modulets etiket i byggeren for nem identifikation.
Design indstillinger
Inden for designfanen finder du alle modulets stylings indstillinger, såsom skrifttyper, farver, størrelser og mellemrum. Dette er den fane, du vil bruge til at ændre, hvordan dit modul ser ud. Hvert modul har en lang liste over design indstillinger, som du kan bruge til at ændre næsten alt.
Formularfeltets Baggrundsfarve
E-mail-formularen indeholder 3 indtastningsfelter til fornavn, efternavn og email. Du kan bruge denne indstilling til at justere baggrundsfarven på disse felter.
Formularfeltets Farve
Du kan bruge denne indstilling til at justere tekstfarven på disse felter. Hvis du har justeret formularfeltets baggrundsfarve, kan du også justere tekstfarven for at sikre et harmonisk farveforhold.
Fokus Baggrundsfarve
Når et inputfelt er markeret med en besøgers mus, ændres farverne for at gøre det klart, hvilket felt der er aktivt. Her kan du definere baggrundsfarven for felterne.
Fokus Tekstfarve
Når et inputfelt er fokuseret af en besøgers mus, ændres farverne for at gøre det klart, hvilket felt der er aktivt. Her kan du definere tekstfarven på ønskede felter.
Brug Fokus Kantfarve
Hvis du gerne vil tilføje en ramme til inputfeltet, når de er fokuserede, kan du aktivere denne indstilling.
Tekstfarve
Her kan du vælge farven af din tekst. Hvis du arbejder med en mørk baggrund, skal din tekst indstilles til lys. Hvis du arbejder med en lys baggrund, skal din tekst være mørk.
Titel Tekstfarve
Som udgangspunkt er alle tekstfarver til at starte med hvid eller mørkegrå. Hvis du ønsker at ændre farven på tekstfarven, kan du gøre dette i farvevælgeren.
Titel Bogstavsafstand
Bogstavsafstanden påvirker mellemrummet mellem hvert enkelt bogstav. Hvis du ønsker at justere mellemrummet mellem hvert bogstav, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.
Titel Linjehøjde
Linjehøjden påvirker mellemrummet mellem hver linje af din tekst. Hvis du ønsker at justere linjehøjden, kan du her benytte dig af skyderen til at justere dette eller du kan angive din ønskede værdi for afstanden til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste “px” eller “em” efter den størrelses værdi du ønsker at benytte dig af.
Knap Tekststørrelse
Denne indstilling kan bruges til at øge eller formindske tekstens størrelse inden for knappen. Knappen skaleres, da tekststørrelsen øges og formindskes.
Knap Tekstfarve
Denne indstilling giver dig mulighed for at tildele en brugerdefineret tekstfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens farve.
Knap Baggrundsfarve
Som standard har knapper en gennemsigtig baggrundsfarve. Dette kan ændres ved at vælge den ønskede baggrundsfarve fra farvevælgeren.
Knappens Kantbredde
Alle Awork biz knapper har som standard en 2px-grænse. Denne grænse kan øges eller formindskes ved hjælp af denne indstilling. Grænser kan fjernes ved at indtaste en værdi på 0.
Knappens Kantfarve
Denne indstilling giver dig mulighed for at tildele en brugerdefineret kantfarve til knappen i dette modul. Vælg din brugerdefinerede farve ved hjælp af farvevælgeren for at ændre knappens kantfarve.
Knap Border Radius
Border-radius påvirker, hvordan afrundede hjørnerne på dine knapper ses. Som standard har knapper i awork biz en lille grænseradius der runder hjørnerne med 3 pixels. Du kan reducere dette til 0 for at oprette en firkantet knap eller øge det betydeligt for at oprette knapper med cirkulære kanter.
Knap Letter Spacing
Bogstavafstand påvirker mellemrummet mellem hvert bogstav. Hvis du vil øge mellemrummet mellem hvert bogstav i din knaptekst, skal du bruge mellemrums knappen til at justere mellemrummet eller indtaste din ønskede mellemrums størrelse i inputfeltet til højre for skyderen. Indtastningsfelterne understøtter forskellige måleenheder, hvilket betyder at du kan indtaste "px" eller "em" efter din størrelsesværdi for at ændre dens enhedstype.
Avanceret indstillinger
På den avanceret fane finder du muligheder, som mere erfarne webdesignere kan finde nyttige, som f.eks. Brugerdefinerede CSS- og HTML-attributter. Her kan du anvende tilpasset CSS til et af modulets mange elementer.
CSS ID
Indtast et valgfrit CSS ID, der skal bruges til dette modul. Et ID kan bruges til at oprette brugerdefineret CSS-styling, eller at oprette links til bestemte afsnit på din side.
CSS klasse
Indtast valgfrie CSS-klasser, der skal bruges til dette modul. En CSS-klasse kan bruges til at oprette brugerdefineret CSS-styling. Du kan tilføje flere klasser, adskilt med et mellemrum.
Brugerdefineret CSS
Brugerdefineret CSS kan også anvendes til modulet og et hvilket som helst af modulets interne elementer. I sektionen Custom CSS finder du et tekstfelt, hvor du kan tilføje brugerdefineret CSS direkte til hvert element. CSS-input til disse indstillinger er allerede pakket ind i stilkoder, så du behøver kun at indtaste CSS-regler adskilt af semikolon.
Synlighed
Denne indstilling lader dig styre hvilke enheder dit modul vises på. Du kan vælge at deaktivere dit modul på tablets, smartphones eller computer individuelt. Dette er nyttigt, hvis du vil bruge forskellige moduler på forskellige enheder, eller hvis du vil forenkle det mobile design ved at fjerne visse elementer fra siden.