![]() Here you can choose whether or not to include the follow button next to the icon. Url OpensĬhoose to open your network url in a new tab or in the same window. Here you can choose the shape of your social network icons to either rounded rectangle or circle. The gray bar also has three buttons that allow you to edit, duplicate, or delete the network. See below for individual social media network settings.Īfter you add your first network, you will see a gray bar appear with the title of your network shown as a label. Clicking “add new item” will open a completely new window of options specific to your new network (under Content, Design, and Advanced tabs). This is where you add new networks to your module. Anything that controls what appears in your module will always be found within this tab. Within the content tab you will find all of the module’s content elements, such as text, images and icons. Now you have Social Media icons that match the design of the contact page. Because you duplicated the network, the custom icon color carried over so all you need to do is update each Network and Account URL. Next, duplicate that Social Network to add four more networks (Twitter, Google+, LinkedIn, and Instagram). Under the specific Social Network Settings, update the following: Content OptionsĪccount URL: Design Options In the Content tab of the Social Media Follow Settings, click the “add new item” button to add a new social network to your module. Insert a Social Media Module to your column. Using the visual builder, add a new Regular Section with a one column fullwidth row. For this example, I’m going to show you how to add social media icons to match the current design of a contact page. This provides more avenues for users to stay connected and promote your blog or business. Use Case Example: Adding Matching Social Media Icons to a Contact PageĪ website’s contact page is the perfect spot to showcase your online social profiles. 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 “social media” and then click enter to automatically find and add the social media module! Once the module has been added, you will be greeted with the module’s list of options. Locate the social media 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. View A Live Demo Of This Module How To Add A Social Media Module To Your Pageīefore you can add a social media module to your page, you will first need to jump into the Divi Builder. You can add links to multiple social profiles within each module, and you can add the module anywhere on the page. These icons are integrated into the theme, in the clean style of Divi using our Elegant Icons, which make them preferable to use over third party plugins. The social media module lets you create icon-based links that point to your online social profiles, such as Facebook, Twitter and Google+. How to add, configure and customize the Divi social follow module.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |