Flip Box-widget'en hjælper dig med at skabe animerede bokse, der vender til den anden side, når brugerne tager handling. Du kan oprette Elementor flip-boks ved at klikke og holde musen over begge dele. Du kan tilpasse begge sider af flipboksen ved hjælp af denne widget.

Sådan tilføjer du flipboksen til WordPress-webstedet ved hjælp af ElementsKit #

Følg trinene beskrevet nedenfor for at tilføje en flip-boks til dit WordPress-websted med lethed ved at bruge ElementsKit og Elementor:

Trin 1: Aktiver flipbox-widgetten #

Naviger til ElementsKit ⇒ widgets ⇒ flip box widget, tænd for widgetten, og klik på Gem ændringer.

Trin 2: Træk og slip widgetten  #

Rediger siden med Rediger med Elementor mulighed. Derefter Søg til flipbox-widgetten med Ekit-ikonet og ganske enkelt træk og slip widgetten på siden.

Trin 3. Tilpas indstillingerne  #

Udvid menuen Flip box for at ændre følgende indstillinger:

• Vend: Du får fire muligheder for at vende: Vend ind, Zoom ind, Skub ind og 3D.
• Venderetning: Flere muligheder er tilgængelige for venderetning. Indstillingen vises dog baseret på den værdi, du vælger for Vend-indstillingen.
• Flip Trigger: Her kan du vælge den mulighed, der vil udløse flippen. Tre muligheder er tilgængelige: Hover, Box Click og Button Click.
• Flip Box Højde: Du kan justere klapboksens højde ved at bruge denne mulighed.

Under Flip box højde finder du to faner FRONT og BAG. Vælg en af mulighederne for at tilpasse elementerne i vendeboksen til hver side. Du vil finde den samme mulighed for begge sider. 

De muligheder, du kan tilpasse for hver flip-boks side omfatter: 

• Medietype: Du kan vælge et ikon eller billede. Du kan også vælge ingen, hvis du ikke vil tilføje nogen mediefiler.
• Ikon/Vælg fil: Afhængigt af den mulighed, du vælger for Medietype, kan du vælge ikonet/billedet her. 
• Titel: Angiv en titel.
• Undertekst: Du kan tilføje en undertekst her.
• Flip beskrivelse: Skriv en relevant beskrivelse ved hjælp af denne mulighed.
• Justering: Du kan indstille justeringen til at være venstre, center eller højre.

Når du er færdig med at forberede indhold til begge sider af din flipbox, er det tid til at ændre stilen. 

Trin 4: Stil din flipboks #

Flyt nu til fanen Stil og udvid hver af sektionerne for at ændre relaterede stilindstillinger:

Indpakning: Under omslaget kan du tilpasse baggrundstype, farve, placering, anden farve, placering, type, vinkel og så videre. Du kan tilpasse mulighederne for både for- og bagsiden af flipboksen.

Ikon: Hvis du udvider denne mulighed, kan du ændre farve, baggrundstype, kasseskygge, kanttype og så videre for både den normale visning og svævevisning. Du kan tilpasse ikonstilen til både for- og bagenden af flipboksen.

Titel: Her kan du tilpasse titlens typografi, titelfarve og margen for begge sider af vendeboksen.

Undertekst: Udvid denne mulighed for at tilpasse typografi, titelfarve og margen på underteksten til begge sider af vendeboksen.

Beskrivelse: Her kan du tilpasse typografi, beskrivelsesfarve og margen for beskrivelsen for begge sider af flipboksen.

Knap: Udvid knapafsnittet for at tilpasse tekstfarve, baggrundsfarve, kanttype, kantradius, kantfelt og mange flere muligheder. Du kan style knappen til både normal og svævende visning.

Til sidst skal du klikke på udgiv/opdater for at gemme ændringerne og se et eksempel på din Elementor-klapboks: