Gerai suprojektuotas Call to Action (CTA) gali būti raktas, kaip padidinti jūsų svetainės konversijos rodiklį. Su Elementor WordPress turite galingą įrankį, kad sukurtumėte CTA pagal savo pageidavimus. Šiame vadove išmoksite, kaip efektyviai integruoti Call-to-Action elementus į savo puslapius ir pritaikyti juos taip, kad jie iš karto patrauktų akį.
Svarbiausi įžvalgos
- Call to Action yra po Flipbox arba po kainų lentele ir yra lengvai naudojamas.
- Galite pasirinkti iš įvairių dizaino horizontų (Skins) ir pritaikyti vaizdo elementų poziciją bei dydį.
- Priklausomai nuo galimybių pritaikymo, tai apima tekstų dizainą ir vizualinius efektus.
Žingsnis po žingsnio vadovas
Pasirinkite skin'ą ir pridėkite vaizdą
Norėdami sukurti efektyvų Call to Action, pradėkite nuo skin'o pasirinkimo. Galite pasirinkti, ar CTA turėtų būti pateiktas daugiau uždengimo stiliumi, ar klasikiniu stiliumi.
Dabar turėtumėte pridėti vaizdą, kad jūsų CTA būtų vizualiai patrauklesnis projektavimas. Tai galite padaryti tiesiog per drag-and-drop arba atidarydami nustatymus Elementor srityje.
Redaguoti vaizdo poziciją ir dydį
Pridėjus vaizdą, galite pakoreguoti poziciją. Vaizdo nustatymuose turite įvairių parinkčių. Nustatykite vaizdo dydį į „Vidutinį“, kad pasiektumėte subalansuotą pateikimą.
Pritaikykite pavadinimą ir tekstą
Šiame žingsnyje kalbama apie reikšmingo pavadinimo pasirinkimą. Pagalvokite, kokią žinutę norite perteikti. Pavyzdžiui, galite pridėti „Specialus pasiūlymas“ arba „Užsakyti coaching iki [data]“.
Pridėti mygtuką ir nuorodą
Dabar atėjo laikas sukurti Call-to-Action mygtuką. Pridėkite tekstą „Gauti pasiūlymą“ ir nuorodą į puslapį, kurį norite reklamuoti. CTA mygtukas turėtų būti gerai matomas, kad paskatintų vartotojus spustelėti.
Pridėti „Ribbon“
Pasirinktinai galite pridėti „Ribbon“ rodymą, kad jūsų CTA būtų dar labiau akį traukiantis. Pasirinkite tarp „Populiarus“ arba „Geriausiai parduodamas“, priklausomai nuo to, kas geriau tinka jūsų pasiūlymui. Čia galite pritaikyti ir foną, ir teksto spalvą pagal savo pageidavimus.
Dėžutės dydis ir pritaikymas
Taip pat galite padidinti dėžutę, kurioje yra jūsų CTA, ir viską pritaikyti pagal savo pageidavimus. Įsitikinkite, kad vizualinė hierarchija yra aiški, kad vartotojai nesivargintų.
Pritaikyti uždengimo stilių
Jei pasirinkote uždengimo stilių, galite naudoti vaizdą kaip foną savo CTA, tekstą rodant viršuje. Tai gali būti vizualiai patrauklesnė, ir dauguma teikia pirmenybę šiam pateikimo būdui.
Pridėti hover efektą
Dabar ateina jaudinantis etapas: hover efektas. Galite naudoti įvairias animacijas, pavyzdžiui, „Augti“ arba „Slinkti“. Taip CTA bus dinamiškesnis ir sukels daugiau interakcijų.
Redaguoti foninius vaizdus
Dar vienas aspektas yra fondo vaizdo redagavimas. Čia galite dirbti su CSS filtrais, kad gautumėte ypatingą efektą. Pasirinkite tarp normalaus fono arba išplauto, priklausomai nuo jūsų dizaino.
Paskutiniai pritaikymai
Paskutiniu metu patikrinkite visus elementus, kad įsitikintumėte, jog Call to Action yra patrauklus ir gerai atrodo. Gerai suplanuotas CTA neturėtų būti tik gražus, bet ir veiksmingai skatinti jūsų lankytojus veikti.
Santrauka – Call to Action in Elementor: Jūsų žingsnis po žingsnio vadovas
Patrauklaus Call to Action kūrimas Elementor yra paprastas, tačiau efektyvus būdas skatinti interakcijas ir didinti konversijos rodiklį. Su pritaikymo galimybėmis Elementor galite užtikrinti, kad jūsų CTA būtų tiek vizualiai patrauklus, tiek funkcionalus.
Dažnai užduodami klausimai
Kaip pasirinkti tinkamą skin'ą savo CTA?Tai priklauso nuo jūsų individualaus dizaino ir jūsų svetainės tikslų. Išbandykite tiek uždengimo, tiek klasikinį stilių.
Ar galiu pakeisti CTA spalvą?Taip, Elementor siūlo plačias pritaikymo galimybes spalvoms, šriftams ir dydžiams.
Kaip pridėti hover efektą?Galite pasirinkti animacijas stilizavimo nustatymuose, pvz., „Augti“ arba „Slinkti“, kad sukurtumėte hover efektą.
