![]() ![]() Here you can choose whether your text should be light or dark. ![]() The Admin Label allows you to change this label for easy identification. ![]() Admin Labelīy default, your countdown module will appear with a label that reads ‘Countdown Timer’ in the builder. Here you can choose a background image for countdown timer module. Here you can choose a background color for your countdown timer module. Your countdown timer is based on your timezone settings in your WordPress General Settings. Once selected, you countdown timer will automatically begin counting down to this point in time. This option allows you to select the date and time of the event you want to countdown to. ![]() This is the title displayed for the countdown timer. Numbers Font Size: Desktop 70px, Tablet 55px, Smartphone 35pxĬustom CSS (Main Element): font-weight: 500 Update the Countdown Timer Settings as follows:Ĭountdown To: Then add a Countdown Timer Module to the row. Use the visual builder to add a Regular Section with a fullwidth (1 column) row. This combined with an email optin or contact form will help you stay top of mind with your visitors before the product launch. The countdown timer adds an element of anticipation. Use Case Example: Adding a Countdown Timer to a Coming Soon Page.įor this example, I’m going to show you how to add a Countdown Timer Module to a Coming Soon page when launching a new product. These options are separated into three main groups: Content, Design and Advanced. The module list is searchable, which means you can also type the word “countdown timer” and then click enter to automatically find and add the countdown timer module! Once the module has been added, you will be greeted with the module’s list of options. Locate the countdown timer module within the list of modules and click it to add it to your page. We have some great tutorials about how to use Divi’s row and section elements. If you are starting a new page, don’t forget to add a row to your page first. New modules can only be added inside of Rows. Once you have entered the Visual Builder, you can click the gray plus button to add a new module to your page. You can also click the Use Visual Builder button when browsing your website on the front end if you are logged in to your WordPress Dashboard. Next, click the Use Visual Builder button to launch the builder in Visual Mode. Clicking this button will enable the Divi Builder, giving you access to all of the Divi Builder’s modules. Once the Divi Theme has been installed on your website, you will notice a Use Divi Builder button above the post editor every time you are building a new page. How To Add A Countdown Timer Module To Your Pageīefore you can add a countdown timer module to your page, you will first need to jump into the Divi Builder. Simply set the date and time to count down to and wait for the big day. It is important to be able to let your visitors know when something is going to be launched or an event is going to occur. When combined with a “blank page,” this can also be used as a great “coming soon” landing page/maintenance mode page. This is great for creating a “coming soon” page to builds anticipation for a new product or service. The Countdown Timer module creates a visual timer that counts down to a specific date. How to add, configure and customize the Divi Countdown Timer module. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |