How to Create a Divi Mobile Contact Bar with Click-to-Call, Email, SMS and Direction Links

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.
URL


How to Create a Divi Mobile Contact Bar with Click-to-Call, Email, SMS and Direction Links

Watch Wordpress Elegant Themes Video: How to Create a Divi Mobile Contact Bar with Click-to-Call, Email, SMS and Direction Links. Hey Divi Nation, welcome to a brand new Divi Use Case live stream where each week we show you how to add new design and functionality to your Divi website.


With the world living on mobile devices, it makes sense to provide clickable contact links on your website that take advantage of the mobile experience. These contact links, like a click-to-call link, can jumpstart a call on your mobile phone in a single click. Others, like a directions link, can open directions to a business address in Google Maps. These are really convenient for users and a must for certain businesses.

In this tutorial, we are going to show you how to create a Divi mobile contact bar with Click-to-Call, Email, SMS, and Directions Links. To do this we will be using the Divi builder to design the bar and the buttons on a global footer. Then we will add custom URLs to each contact link to bring home the functionality we need.

Let’s get started!


You can read the post for this use case here:
https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-divi-mobile-contact-bar-with-click-to-call-email-sms-and-direction-links

If you need the Divi Theme, you can check it out the product page here: https://www.elegantthemes.com/gallery/divi/

Want to give back to the community? Share your empowering knowledge, skills, experience, and creativity on the Elegant Themes blog by contributing:
https://www.elegantthemes.com/blog/community/elegant-themes-blog-submissions

How to Create a Contact Form on Click with Divi. Telephone Links: How to Add “Call-able” Links & CTA’s to Your Website. Magento. How To Manage The Mobile Menu And How To Edit Links In Mobile View. How to Add a Click to Call Button in WordPress. How To Add A Click To Call Button In Wordpress. How to Add a Click to Call Button in WordPress. How To Add A Click To Call Button In Elementor Without A Plugin. CSS Button Generator - Entice Visitors To Click your Call To Action. 5 Email Opt in Designs You Can Create with Divi’s Email Opt in Module. 5 Email Opt-in Designs You Can Create with Divi’s Email Opt-in Module. New Facebook Ad Types Including Click to Call, Carousel and Dynamic Product Ads. How to Create Mobile First Designs with Divi.

Show more

Published:
Category: Wordpress Elegant Themes
16 Views

Related Videos

  • How to Create a Contact Form on Click with Divi

    How to Create a Contact Form on Click with Divi

    by Admin Added 46 Views / 0 Likes

    In this Divi tutorial, we’re going to show you how to create a contact form that appears after clicking a button (as an overlay) by using nothing else than Divi, some jQuery code and CSS code. This is a great way to keep your site visitors focused on the

  • Telephone Links: How to Add “Call-able” Links & CTA’s to Your Website

    Telephone Links: How to Add “Call-able” Links & CTA’s to Your Website

    by Admin Added 46 Views / 0 Likes

    In today’s video, we cover how to add "call-able" links and CTA's to your website. Blog post: https://www.elegantthemes.com/blog/wordpress/call-link-html-phone-number Like us on Facebook: https://www.facebook.com/elegantthemes/

  • Magento. How To Manage The Mobile Menu And How To Edit Links In Mobile View

    Magento. How To Manage The Mobile Menu And How To Edit Links In Mobile View

    by Admin Added 32 Views / 0 Likes

    In this tutorial we will teach you how to manage the mobile menu and how to edit the links that appear on mobile view in Magento. We've transcribed this video tutorial for you here: http://www.templatemonster.com/help/magento-how-to-manage-the-mobile-menu

  • How to Add a Click to Call Button in WordPress

    How to Add a Click to Call Button in WordPress

    by Admin Added 52 Views / 0 Likes

    Are you wanting to add a click to call button on your WordPress site? As more people visit your website using their smartphones, adding a tap-to-call button makes it easy for them to contact you. In this article, we will show you how to easily add a click

  • How To Add A Click To Call Button In Wordpress

    How To Add A Click To Call Button In Wordpress

    by Admin Added 41 Views / 0 Likes

    How To Add A Click To Call Button In Wordpress https://youtu.be/cZtivv3bVhk //* Tutorial on backing up your WordPress site: https://youtu.be/566Zw8e84lE Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab //* It's not hard

  • How to Add a Click to Call Button in WordPress

    How to Add a Click to Call Button in WordPress

    by Admin Added 56 Views / 0 Likes

    Want to add a click-to-call button in WordPress? When people visit your site with smartphones, adding a tap-to-call button can make it simple to contact you. In this video, we will show you how to easily add a click-to-call button in your WordPress websit

  • How To Add A Click To Call Button In Elementor Without A Plugin

    How To Add A Click To Call Button In Elementor Without A Plugin

    by Admin Added 37 Views / 0 Likes

    Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL How To Add A Click To Call Button In Elementor Without A Plugin https://youtu.be/8i_cfuXlc3E //* Join our private Facebook group today! https://www.facebook.com/groups/wplearni

  • CSS Button Generator - Entice Visitors To Click your Call To Action

    CSS Button Generator - Entice Visitors To Click your Call To Action

    by Admin Added 49 Views / 0 Likes

    CSS Button Generator Will Buttons Attractive To Visitors https://youtu.be/L06Nr6LaDI0 Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL One of my favorite CSS button generators is BestCSSButtonGenerator.com. But if you don't l

  • 5 Email Opt in Designs You Can Create with Divi’s Email Opt in Module

    5 Email Opt in Designs You Can Create with Divi’s Email Opt in Module

    by Admin Added 46 Views / 0 Likes

    We all love new subscribers to our email list. And one of the primary ways to get new subscribers is to provide your visitors with a well-designed email opt-in form. That’s why in this tutorial, I’m going to show you how to achieve five different designs

  • 5 Email Opt-in Designs You Can Create with Divi’s Email Opt-in Module

    5 Email Opt-in Designs You Can Create with Divi’s Email Opt-in Module

    by Admin Added 47 Views / 0 Likes

    In this video we show you how to style Divi's email opt-in module in five popular formats often seen around the web. You can get complimentary step-by-step instructions, code snippets, and screenshots here: http://www.elegantthemes.com/blog/divi-resources

  • New Facebook Ad Types Including Click to Call, Carousel and Dynamic Product Ads

    New Facebook Ad Types Including Click to Call, Carousel and Dynamic Product Ads

    by Admin Added 47 Views / 0 Likes

    Get Your Free Online Store Starter Pack Here: http://www.effectiveecommerce.com/ESstarting Affiliates Links (If you use these to start your online store I will help you set it up): Shopify- http://EffectiveEcommerce.com/shopify Volusion-http://EffectiveEc

  • How to Create Mobile First Designs with Divi

    How to Create Mobile First Designs with Divi

    by Admin Added 50 Views / 0 Likes

    Many websites get tons of visitors from mobile devices. This leads to the question of whether or not your designs are sufficiently optimized for smaller screen sizes. With Divi, a design that is built for a desktop experience ends up being instantly respo

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA

RSS