Create a Scroll-to-Next Section Button

featured image

A popular feature that's used by many sites is full height. It's applied on certain sections/rows to create a clean, simple design. However, although it looks nice, this feature requires you to scroll through your site to ensure that your visitors does not miss any information. A technique used to encourage users to continue to scroll, is by adding a scroll-to-next button. This could be an icon, an image, or just a plain arrow down button. We've made this tutorial to showcase how you can create your own scroll-to-next section button on any row on your site using the Themify Builder plugin or any Themify theme. And we're going to replicate how we inserted the arrow down icon on the Simple theme demo as the main example.

Step 1:

  • Visit the page on the frontend, click "Turn On Builder"
  • On the second row, enter the Row Anchor Name (eg. enter "products" as row anchor name)

scrollto next section image tutorial

Step 2:

  • On the first row, drop in an "Icon" module
    • Select the desired size and Icon Background Style
    • Insert the icon and enter the row anchor link (eg. #products)
    • Optional: click on Animation tab and select a desired animation effect

scrollto next section image tutorial icon module

More Examples:

Below are some nice showcase sites with full height section incorporated with scroll to next section button.

  • design by atlantis site
    Project: Design by Atlantis

    Base Theme: Ultra

  • fresh canvas
    Project: Fresh Canvas

    Base Theme: Landing

  • The Crazy Travel
    Project: The Crazy Travel

    Base Theme: Infinite

  • Pitch Vantage
    Project: Pitch Vantage

    Base Theme: Corporate

  • In Mind
    Project: In Mind

    Base Theme: Ultra

Read More

Switch Today and Get 50% Off at Themify!

featured image for the switch to Themify promotion

There’s no better time than now to switch over to Themify’s huge selection of theme designs. Act now and you can receive a 50% discount simply by providing us both your site URL, and your purchase receipt (screenshot will do) of your site's theme purchased through another vendor. Our team of experts can help you create a similar design to your existing site’s theme, or help setup a fresh new look that will captivate your visitors. Making the switch is easy, and backed with Themify’s initial installation and setup support, we’ll make sure to help you find your perfect theme today.


Read More

Father’s Day Sale/Giveaway: Win a $100 Gift Card + Master Club!

Update: Congratulations to Natasha Lamoreux, winner of our $100 iTunes/Google gift card giveaway!

Father's Day giveaway promo image

30% Sale + $50 Off Lifetime Club

We're celebrating Father's Day early, by giving everyone 30% off all Themify purchases using coupon code: SUPERDAD. This applies to all themes, addons, plugins, and even Club memberships (excluding the Lifetime Master Club). For Lifetime Club, we're also giving a $50 discount (use coupon code: COOLDAD).


Read More

Ultra Update: More Layouts & 2 Month Free Trial!

Ultra theme update

It's been a year since the initial release of our most flexible & powerful theme—Ultra. Since then we've added many new features focused on making it better, easier-to-use, and more flexible. This has led to a steady growth with our user base, and has become one of our most popular themes. And now we're at it again by adding some cool new features to this themes arsenal. In this latest update, we've added 4 new post layouts, full section scrolling, and a new split menu design.


Read More

Building the Perfect Site for Red Haute Mama!

In this customer story, we're excited to introduce beauty queen and marketing/branding specialist, Laurie Balla. She shared with us her story about how she was able to create her pageant coach, Kirin Christianson's site - Red Haute Mama with the help of Themify!

profile image of Laurie Balla

Hi, I'm Laurie Balla! I'm a beauty queen and marketing & branding specialist who designs affordable and stylish websites primarily for small, women-owned businesses. I've been a programmer for over 15 years; I started coding in straight html and went from there. As a small business owner myself I found that other women owned business were having a hard time finding enough clients, so I began helping them get their businesses noticed.


Read More

The New Typewriter Addon!

blog post image of the Typewriter Addon

Display your text with eye-catching typing animation using the Typewriter addon! This new addition to our Builder addon line-up, is perfect when you want to emphasize various text messages on your site. It comes with the ability for you to style the font face, adjust the animation speed, and text highlight. In addition, you can insert an unlimited number of text that will overlap once the first text is done showing.

View our demo page and see the Typewriter Addon in action!

Read More

Switch to Themify & get 50% off any theme purchase, we'll even help set up your site! Sign up here