Bildfunktion

Elementet Image Feature låter dig lägga till en bild tillsammans med en rubrik och en text. Använd det här alternativet när du vill lyfta fram teammedlemmar eller produkter/tjänster på dina Funnel- och webbplatssidor. Till höger på sidan ser du olika anpassningsalternativ för din Image Feature, som vi går igenom här.

Allmänna inställningar

Elementnamn/Titel

Under fliken Allmänna inställningar ser du först Elementnamn/Titel. Standardnamnet anges som elementnamn. Du kan behålla standardvärdet eller byta namn för enklare identifiering när du bygger ut din sida.

Bokstavsavstånd

Alternativet för bokstavsavstånd ger dig möjlighet att öka avståndet mellan bokstäverna i din text, eller använda ett negativt värde för att dra bokstäverna närmare varandra.

Bakgrundsfärg

För att ändra bakgrundsfärgen på din Image Feature markerar du det innehåll du vill justera och klickar på det. Bland alternativen kan du välja en färg eller ange en egen färgkod om du inte hittar exakt den nyans du söker. Skriv in koden i det avsedda fältet och klicka på Add color.

Justering

Du kan justera texten i din Image Feature-ruta med alternativet Align, som låter dig placera texten till vänster, höger, centrerat eller som justerad.

Typografi

Typografi ger dig tre alternativ för teckensnitt: rubrik- eller innehållsteckensnittet som du ställt in under Settings, eller att välja ett eget teckensnitt från rullgardinsmenyn.

Bildalternativ

• Image: När du klickar på bildikonen till höger i det angivna fältet öppnas lagringssidan, där du kan ladda upp den bild du vill använda. När du har laddat upp bilden klickar du på den och sedan på ikonen “copy to clipboard” uppe till höger på sidan, bredvid ikonen “delete”, för att kopiera bildens URL. Klicka på knappen “Back” för att återgå till redigerarsidan och klistra sedan in URL:en i det angivna fältet. Din bild visas då i redigerarens yta.
• Optimize Image Load: För att optimera bildinläsning växlar du helt enkelt av funktionen. Det visas en varning. Om du är säker på att du vill stänga av den klickar du på ”Ok”.
• • Warning: Om du stänger av lazy loading för bilder kan det påverka din sidhastighet. Att optimera bilder för din webbplats kan minska den totala sidstorleken med upp till 80%.
• Width and Height (PX): Här kan du bestämma bredd och höjd genom att ange önskad storlek i det angivna fältet.
• Alt Text (For SEO): Här kan du lägga till Alt-text.

Ikon

För att lägga till en ikon till din Image Feature väljer du helt enkelt från listan över tillgängliga ikoner. Om du har en specifik ikon i åtanke kan du skriva den i sökfältet för att begränsa alternativen. Ikonen visas bredvid rubriktexten för Image Feature.

Rubrikens teckenstorlek och vikt för skrivbord

Du kan justera rubrikens teckenstorlek för mobil och skrivbord genom att dra i storleksreglagen. Font Weight styr textens tjocklek och låter dig göra rubriken fet, halvfet eller lätt.

Textens teckenstorlek och vikt för skrivbord

Du kan justera textens teckenstorlek för mobil och skrivbord genom att dra i storleksreglagen. Font Weight styr hur fet texten är och hjälper dig att skapa en tydlig visuell hierarki.

Färgalternativ

• Headline Color: Under Headline Color kan du endast justera färgen på rubriktexten för din Image Feature. Till exempel Feature Headline-texten.
• Text Color: För färgen på själva texten justerar du endast under Text Color när du lägger till text i din Image Feature.
• Link Text Color: För färgen på länktexten i din Image Feature justerar du endast under Link Text Color.

Avståndsalternativ

Under Spacing Options finns flera sätt att justera avstånden för ditt innehåll.

• Padding Left, Right, Top, and Bottom: Du kan justera innehållets placering med reglagen Padding Left, Padding Right, Padding Top och Padding Bottom. Varje reglage flyttar innehållet åt vänster, höger, uppåt eller nedåt beroende på vilket reglage du använder.
• Margin Top and Bottom: För att justera övre eller nedre marginal använder du reglagen Margin Top eller Margin Bottom.

Alternativ för Image Feature

• Column Sizes: Detta hjälper dig att öka storleken på text och bilder.
• Column Order: Du kan välja att ordna din Image Feature som ”text före bilden” eller ”bild före texten”.

Åtgärder

• Image Action: Under Actions finns alternativet Image Action, som låter dig välja mellan Open the popup eller Go to the website URL. När du väljer “Go to website URL” i ikonen “Image Action” behöver du ange vilken webbplatssida du ska använda. Open In New Tab. Du kan dessutom slå på Open In New Tab för att skicka besökare till en ny flik när de utför en åtgärd.

Avancerade inställningar

Under Advanced Settings har du alternativ för mer specifika justeringar av din elementruta.

Skugga

Text Shadow: Alternativet Text Shadow låter dig lägga till en skugga till din text. Här är alternativen light fade, mid-shadow och strong shadow.

Radhöjd 

Med funktionen Line Height kan du justera höjden på elementrutan genom att flytta storleksreglaget till önskad höjd.

Kantlinje för Feature Image

För Feature Image Border finns olika typer av kantlinjer att välja mellan. När du väljer en öppnas en inställningsmeny.

Bildradie

Du kan också justera kantens rundning med funktionen Image Radius. Ju högre värde, desto rundare kanter.

Bildskugga

Om du vill att din bild ska ha en skugga kan du justera styrkan med funktionen Image Shadow.

Bildeffekter

Du kan dessutom lägga till en effekt på din bild genom att välja bland tillgängliga alternativ under Image Effects. Du kan visa bilden i Full Color eller Black & White.

Synlighet

Under Visibility kan du välja om det här specifika redigeringsalternativet ska vara synligt på mobila enheter, skrivbord eller båda. Klicka bara på ikonen för att markera den utifrån din preferens.

Custom Class

För Custom Class kan du ange din önskade klass i det angivna fältet.

CSS Selector

Om du behöver kopiera Custom CSS klickar du bara på ikonen “Copy” till höger om referenskoden.

Elementet Image Feature ger ett mångsidigt sätt att förstärka dina webbplats- eller Funnel-sidor med visuellt tilltalande innehåll. Med anpassningsbar text, färger, avstånd och effekter kan du skapa en polerad och engagerande design som stämmer överens med ditt varumärke.