Pareizi izstrādāts Call to Action (CTA) var būt atslēga, lai palielinātu tavu tīmekļa vietnes konversijas līmeni. Ar Elementor WordPress tev ir spēcīgs rīks rokās, lai CTAs veidotu tieši pēc tavām idejām. Šajā apmācībā tu iemācīsies, kā efektīvi integrēt Call-to-Action elementus savās lapās un kā tos pielāgot, lai tie nekavējoties piesaistītu uzmanību.
Svarīgākie atklājumi
- Call to Action atrodas zem Flipbox vai zem cenu tabulas un ir viegli lietojams.
- Tu vari izvēlēties starp dažādiem dizaina horizontiem (Skins) un pielāgot attēlu elementu pozīciju un izmēru.
- Pielāgošanas iespējas ir plašas, sākot no teksta dizaina līdz vizuālajiem efektiem.
Solī pa solim instrukcijas
Izvēlieties Skin un pievienojiet attēlu
Lai izveidotu efektīvu Call to Action, tu sāksi ar Skin izvēli. Tu vari izvēlēties, vai CTA tiks prezentēts vairāk Cover stilā vai klasiskā stilā.
Tagad tev vajadzētu pievienot attēlu, lai tavs CTA vizuāli pievilcīgāks izstrādātu. To var viegli izdarīt, izmantojot Drag-and-Drop vai izsaucot opcijas Elementor sadaļā.
Pārveidot attēla pozīciju un izmēru
Pēc tam, kad esi pievienojis attēlu, vari pielāgot pozīciju. Attēlu iestatījumos ir dažādas iespējas. Iestati attēla izmēru uz „Vidējs“, lai iegūtu līdzsvarotu attēlojumu.
Pielāgojiet virsrakstu un tekstu
Šajā solī ir jāizvēlas izsmeļošs virsraksts. Padomā par to, kādu ziņu tu vēlies nodot. Piemēram, tu vari pievienot “Īpašais piedāvājums” vai “Rezervēšanas apmācība līdz [datums]”.
Pievienojiet pogu un saistiet to
Tagad ir laiks izstrādāt Call-to-Action pogu. Pievieno tekstu “Sagatavot piedāvājumu” un saisti to ar lapu, kuru vēlies reklamēt. CTA poga jābūt labi redzamai, lai rosinātu lietotājus uzspiest uz tās.
Pievienojiet lentu
Pēc izvēles tu vari pievienot “Ribbon” sludinājumu, lai padarītu savu CTA vēl izteiksmīgāku. Izvēlies starp “Populārs” vai “Vislabākais pārdevējs”, atkarībā no tā, kas labāk atbilst tavai piedāvājumam. Šeit tu vari arī pielāgot fona un teksta krāsu pēc savām vēlmēm.
Kastes izmērs un pielāgojumi
Tu vari arī palielināt kasti, kurā atrodas tavs CTA, un izveidot visu pēc savām idejām. Pārliecinies, ka vizuālā hierarhija ir skaidra, lai lietotāji nebūtu apjukuši.
Pielāgojiet Cover stilu
Ja esi izvēlējies Cover stilu, tu vari izmantot attēlu kā fonu savam CTA, parādot tekstu virsū. Tas var būt vizuāli pievilcīgāks, un daudzi dod priekšroku šai attēlošanas formai.
Pievienojiet Hover efektu
Tagad nāk aizraujoša daļa: Hover efekts. Tu vari izmantot dažādas animācijas, piemēram, “Grow” vai “Slide In”. Tādējādi CTA kļūst dinamiskāks un nodrošina vairāk mijiedarbības.
Rediģējiet fona attēlus
Vēl viens aspekts ir fona attēla rediģēšana. Šeit tu vari strādāt ar CSS filtriem, lai iegūtu īpašu efektu. Izvēlies starp parastu fonu vai izplūdušu, atkarībā no tava dizaina.
Beigās veic pielāgojumus
Pārliecinies par visiem elementiem, lai nodrošinātu, ka Call to Action ir pievilcīgs un izskatās labi. Labā plānotā CTA nedrīkst būt tikai skaista, bet arī efektīvi rosina tavas apmeklētājus veikt darbību.
Kopsavilkums – Call to Action in Elementor: Tava solis pa solim instrukcija
Izveidot pievilcīgu Call to Action Elementor ir vienkāršs, bet efektīvs veids, kā veicināt mijiedarbību un palielināt konversijas līmeni. Izmantojot pielāgošanas iespējas Elementor, tu vari nodrošināt, ka tavs CTA ir gan vizuāli pievilcīgs, gan funkcionāls.
Biežāk uzdotie jautājumi
Kā izvēlēties pareizo Skin savam CTA?Tas atkarīgs no tava individuālā dizaina un tavu tīmekļa vietnes mērķiem. Izmēģini gan Cover, gan klasisko stilu.
Vai es varu mainīt CTA krāsu?Jā, Elementor piedāvā plašas pielāgošanas iespējas krāsām, fontiem un izmēriem.
Kā es varu pievienot Hover efektu?Tu vari izvēlēties animācijas no stila iestatījumiem, piemēram, “Grow” vai “Slide In”, lai izveidotu Hover efektu.
