{"id":207,"date":"2024-02-15T05:10:55","date_gmt":"2024-02-15T05:10:55","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/storeflex\/?p=207"},"modified":"2024-02-15T05:12:16","modified_gmt":"2024-02-15T05:12:16","slug":"social-icons-in-storeflex-pro","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/storeflex\/social-icons-in-storeflex-pro\/","title":{"rendered":"Social Icons in StoreFlex Pro: How to Make the Most of It?"},"content":{"rendered":"\n<p>Social icons are one of the most important features in an online store. Because with social icons integrated into your store, you can properly engage with your customers and visitors, who are likely to become ones.<\/p>\n\n\n\n<p>The free version of StoreFlex already has the feature to integrate social media icons into your site, but with the pro version, you can do more, like adjust the width of the icon and color options.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To customize your Social Icons with StoreFlex Pro,<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to your <strong>WordPress Dashboard <\/strong>and navigate to <strong>Appearance > Customize<\/strong>.<\/li>\n\n\n\n<li>Then go to <strong>General Settings <\/strong>in the customizer, then navigate yourself to <strong>Social Icons<\/strong> in the given options.<\/li>\n\n\n\n<li> Information regarding addition and removal of Social Icon has already been explained in <a href=\"https:\/\/docs.mysterythemes.com\/storeflex\/customize-your-sites-social-icon\/\">StoreFlex&#8217;s documentation<\/a>.<\/li>\n<\/ul>\n\n\n\n<p><em>There is no limitation in the repeater field for the social icon in the pro version.  You can use as much as you want, but using too much can lead to design disruptions. Be sure to add social icons with caution.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What are the new features in StoreFlex Pro for social icons? <\/h2>\n\n\n\n<p>You can now adjust your social icon&#8217;s width with a slider in StoreFlex. This will help you set your own personalized size for the icons. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Social-Icon-Width-Slider-1024x517.jpg\" alt=\"Social Icon Width Adjustment with Slider: StoreFlex\" class=\"wp-image-208\" style=\"width:790px;height:auto\" srcset=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Social-Icon-Width-Slider-1024x517.jpg 1024w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Social-Icon-Width-Slider-300x152.jpg 300w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Social-Icon-Width-Slider-768x388.jpg 768w, https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Social-Icon-Width-Slider.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Drag the slider to-and-fro as per your requirement, or use the box to adjust the size of your social icon.<\/li>\n\n\n\n<li>Click on the reset button beside the input field to set the width size to default.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Social Icon Display and Color Options in the StoreFlex Pro.<\/h2>\n\n\n\n<p>In StoreFlex Pro, you now have multiple display options to showcase on your site. You can also choose a personalized color for your icons with the color customizer option.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Look for <strong>Social Icon Display<\/strong> option in the Social Icons section of the General Settings.<\/li>\n\n\n\n<li>Choose one of the given display options as per your desire. <\/li>\n\n\n\n<li>For the color option, you can either choose the <strong>official <\/strong>or <strong>default <\/strong>option.<\/li>\n<\/ul>\n\n\n\n<p>The official option will allocate the icon&#8217;s color to the official color of the social media. The default option will allow you to choose your desired color for your social media icons. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose the &#8220;<strong>Default option,&#8221; <\/strong>select the palette (at the right side of the customizer) after it appears below, and choose your color accordingly.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"231\" height=\"126\" src=\"https:\/\/docs.mysterythemes.com\/storeflex\/wp-content\/uploads\/sites\/24\/2024\/02\/Display-and-Color-Options.jpg\" alt=\"Display and Color Options\" class=\"wp-image-209\"\/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Click on the <strong>publish<\/strong> button after you&#8217;ve saved your changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Social icons are one of the most important features in an online store. Because with social icons integrated into your store, you can properly engage with your customers and visitors, who are likely to become ones. The free version of StoreFlex already has the feature to integrate social media icons into your site, but with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14],"tags":[],"class_list":["post-207","post","type-post","status-publish","format-standard","hentry","category-pro-modules"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":1,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"predecessor-version":[{"id":210,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/posts\/207\/revisions\/210"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/storeflex\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}