Back to Top Widget for your website

Make long pages easier to navigate with a customizable button that returns visitors to the top. Jotform’s Back to Top Widget lets you choose the icon, size, colors, position, scroll trigger, and device visibility, then embed the button without writing code.

Back to Top widget'ı nasıl oluşturulur

Customize your button design

Customize your button design

Choose the button style, icon, size, colors, corner radius, and screen position. Adjust its spacing and appearance to complement your website design.

Get the embed code

Yerleştirme kodunu alın

Copy the ready-to-use embed code generated by Jotform. No setup or coding required.

Embed it on your website

Web sitenize yerleştirin

Preview the button, copy the generated embed code, and paste it into a custom HTML or embed block. Publish the page and test the button on desktop and mobile screens.

Make long website pages easier to navigate

Help visitors return to the top

Give visitors a quick way to return to the beginning of long pages without manually scrolling. The button stays within easy reach and moves visitors smoothly back to the top when selected.

Help visitors return to the top

Show buttons after visitors scroll

Set how far down the page visitors must travel before the button becomes visible. This keeps the button out of the way near the top while making it available when returning becomes useful.

Show buttons after visitors scroll

Match buttons to your design

Customize the icon, size, colors, corner radius, and spacing to create a Back to Top button that suits your website. Place it on the left or right side based on your page layout.

Match buttons to your design

Control desktop and mobile visibility

Choose whether the button appears on desktop devices, mobile devices, or both. Device visibility and positioning controls help you avoid covering important page content while keeping navigation accessible on smaller screens.

Control desktop and mobile visibility

How to embed your Back to Top into WordPress

1Get your embed code

After customizing your Jotform website widget, click Try it on your website for free, and copy the generated embed code.

2Open the page editor

Go to the WordPress post or page where you want to display the widget, then add a new block.

3Add a Custom HTML block

Select Custom HTML and paste your Jotform website widget embed code into the HTML field.

4Update and view

Click Update or Publish, then open the page to check your embedded widget.

Jotform Website Widget'ları neden öne çıkıyor

Jotform'un widget'ları web sitenizi daha etkileşimli hale getirir ve dönüşümleri artırır. Yıldızlı değerlendirmelerden ve kullanıcı görüşü slider'larından sosyal kanıt açılır pencerelerine ve medya yerleştirmelerine kadar birçok araç mevcut. Veri toplamak, kanıt göstermek ve müşteri adayı yakalamak için formlarınıza veya açılış sayfalarınıza widget'lar ekleyin; kod yazmaya gerek yok.

Widget'ları kodlama olmadan yerleştirin

Basit bir yerleştirme koduyla Jotform widget'larını web sitenize ekleyin. Bir geliştiriciye ihtiyaç duymadan widget'ı özelleştirin, nasıl göründüğünü önizleyin ve özel HTML ya da yerleştirme bloklarını destekleyen herhangi bir sayfaya yapıştırın.

Daha etkileşimli sayfalar oluşturun

Müşteri adaylarını toplamak, müşteri geribildirimlerini göstermek, sosyal kanıt sunmak, medya yerleştirmek veya faydalı web sayfası araçları eklemek için Jotform Website Widget'larını kullanın. Her widget, ziyaretçilerin işletmenizle doğrudan web sitenizden etkileşime geçmesine yardımcı olur.

İhtiyaç duyduğunuzda destek alın

Widget'ınızı kurma, özelleştirme, yerleştirme veya sorun giderme konusunda yardıma ihtiyacınız olursa, Jotform'un müşteri destek ekibi 7/24 hizmetinizdedir. İhtiyacınız olduğunda yardımın hazır olduğunu bilerek güvenle ilerleyebilirsiniz.

Where to use your Back to Top Button

Add the button to pages where visitors must scroll through substantial content, listings, images, or supporting information.

Blog posts and articles to help readers return to the headline, navigation, or table of contents.

Product category pages to let shoppers return to filters, sorting controls, or category navigation.

Landing and sales pages to help visitors revisit introductory content and primary calls to action.

Documentation pages to simplify navigation through long guides, instructions, and reference materials.

Portfolio and gallery pages to help visitors restart their browsing after viewing extensive work.

FAQ and resource pages to provide a convenient return path after visitors explore multiple sections.

Jotform Form Oluşturucu ile müşteri adaylarını ödeme yapan müşterilere dönüştürün

Jotform ile etkileşimi eyleme dönüştürün. Müşteri adaylarını yakalayan, ödemeleri toplayan ve yanıtları otomatikleştiren güçlü formları tek bir yerde oluşturun. Her yanıt, takip edebileceğiniz veya favori uygulamalarınızla bağlantı kurabileceğiniz Jotform Gelen Kutusu'na ulaşır.

Hemen BaşlaÜcretsiz!
Convert leads into customers

SSS

  • What is a Back to Top widget?

    A Back to Top widget adds a floating button that returns visitors to the beginning of a page. It is especially useful on long articles, product listings, documentation, galleries, and other pages that require substantial scrolling.

  • How do I add a Back to Top button to my website?

  • Do I need to write code to create the button?

  • Can I customize the Back to Top button design?

  • When does the Back to Top button appear?

  • Can I change the button’s screen position?

  • Does the button work on mobile devices?

  • Is the Jotform Back to Top widget free?

  • Can I add a Back to Top button to WordPress or Elementor?

  • Which website platforms support the Back to Top Widget?