{"title":"Phlox Socials","id":36657,"link":"https:\/\/env.averta.net\/en\/step\/phlox-socials\/","parent":[37224,35064,35059],"content":"<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/socials-preview-1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36660 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/socials-preview-1.png\" alt=\"socials-preview\" width=\"407\" height=\"169\" \/><\/a>By <strong>Phlox Socials Widget<\/strong>, you can simply share your social profiles on your website. These social media icons can be in any widget area and their size is changeable.<\/p>\n<p>Adding this widget, needs?setting up the social media links. To do so, read <a href=\"https:\/\/env.averta.net\/en\/step\/setting-up-social-media\/?b=36312,36312\" title=\"Setting Up Social Media\">this article<\/a>.<\/p>\n<p>After setting up the social media links, follow below steps to add <strong>Phlox Socials<\/strong> to a widget area or in a page content:<\/p>\n<h3>1- In Widget Areas<\/h3>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the <b>Appearance<\/b> on the <b>Dashboard<\/b><\/li>\n<li>Then click the <strong>Widgets<\/strong><\/li>\n<li>Find <strong>[Phlox] Socials?<\/strong>among the available widgets and add it to your desired <strong><a href=\"https:\/\/env.averta.net\/en\/step\/adding-widgets-to-different-widget-areas\/?b=36406,36406\" title=\"Adding Widgets to Different Widget Areas\">Widget Area<\/a><\/strong><\/li>\n<\/ol>\n<h3>2- In Page Builder<\/h3>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the <b>Pages?<\/b>on the <b>Dashboard<\/b><\/li>\n<li>Click the <b>Add New<\/b><\/li>\n<li>Navigate to the top right hand of the WordPress editor and find <strong><a href=\"https:\/\/env.averta.net\/en\/step\/getting-started-with-siteorigin-page-builder\/?b=36079,36079\" title=\"Getting Started with SiteOrigin Page Builder\">Page Builder<\/a><\/strong>, beside text tab<\/li>\n<li>Click?the?<strong>Add Widget<\/strong><\/li>\n<li>Click the?<strong>Phlox?<\/strong>and choose?<strong>[Phlox]?Socials<\/strong><\/li>\n<li>Click the?<strong>Edit?<\/strong>on the right side of the widget on?<strong>Page Builder<\/strong><\/li>\n<\/ol>\n<hr style=\"clear: both;\" \/>\n<h3>Socials Options<\/h3>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/socials-widget.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-36661 alignright\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/socials-widget.png\" alt=\"socials-widget\" width=\"429\" height=\"297\" \/><\/a><\/p>\n<h4>Title<\/h4>\n<p>In this field, you can either add a title or leave this field empty.<\/p>\n<h4>Size of social icons<\/h4>\n<p>There are four sizes for the social icons: Small, Medium, Large, and Extra Large<\/p>\n<h4>Direction of socials list<\/h4>\n<p>The social icons appear in two positions. They can be vertically or horizontally aligned.<\/p>\n","type":"solution"}