Kako narediti plavajoči gumb v Elementorju

Rifat Elementor Jul 29, 2022

Ali želite vedeti, kako narediti plavajoči gumb z graditeljem strani Elementor ? Plavajoči gumb je tisti, ki se pojavi pred vsemi drugimi informacijami na zaslonu. Večina lastnikov spletnih mest vključuje plavajoči gumb, ki uporabnika usmerja k določenemu cilju, kot je naročanje na e-poštni seznam ali brskanje po strani trgovine. med drugim tudi družbeni mediji

Z Elementorjem lahko hitro naredite lebdeči gumb za svoje spletno mesto na različne načine. V tej vadnici vam bomo pokazali, kako to storite na najpreprostejši možni način z uporabo graditelja strani Elementor .

Naredite plavajoči gumb v Elementorju

Tukaj bomo nastavili z-indeks za izdelavo našega plavajočega gumba. Z uporabo brezplačne različice Elementorja lahko po tem postopku ustvarite plavajoči gumb za določeno stran. Če želite dodati plavajoči gumb celotnemu spletnemu mestu, ga morate ročno dodati na vsako stran, če uporabljate brezplačno različico Elementorja.

Zdaj odprite urejevalnik Elementor in se pomaknite do strani, kamor želite dodati plavajoči gumb. Imate možnost ustvariti novo stran ali urediti obstoječo. Če želite dodati razdelek, kliknite ikono »+« in izberite postavitev z enim stolpcem.

Ustvarite neverjetna spletna mesta

Z najboljšim brezplačnim graditeljem strani Elementor

Začni zdaj

Dodajte pripomoček gumba v svoj na novo ustvarjen stolpec s plošče gradnikov.

Zdaj morate izbrati dejanje gumba. V tem primeru uporabljamo gumb za navigacijo do URL-ja strani trgovine. Če želite to narediti, pojdite v polje s povezavo in dodajte povezavo na stran. Lokacijo gumba lahko spremenite z možnostjo poravnave. Gumb naj bo čim manjši.

Naš gumb je zdaj pripravljen za lebdenje, ko se uporabnik pomakne navzdol po strani. Za to pojdite na zavihek Napredno in izberite možnost Postavitev. Nastavite širino in položaj na Inline (Auto). Konfigurirati morate tudi vodoravno in navpično usmeritev ter odmik.

Zdaj morate določiti z-indeks, da bo gumb vedno lebdeč. Izpolnite režo z-index z 800. Gumb bo vedno plaval.

Končni pogled

Tukaj je videti naš končni dizajn.

Zavijanje

Funkcija Floating Elementor Elements je vzbudila naše zanimanje. Pomaga pri hitrem reševanju projektnih težav. Verjamemo, da bo imel enak učinek tudi na vas. Če je tako, delite svoj dizajn v območju za komentarje. Vaše delo želimo razširiti po vsem svetu. Oglejte si tudi naše druge vadnice za elementor .