Login to Your Online Store Admin Dashboard, go to Velocity Section>>Meta Data>>Footer>>Subscription bar Content>> select ” <> ” Source code button icon
Subscription Bar Content
The admin can set the subscription bar content here via source code, this will reflect in the front end on the section where there is a subscription bar.
This is the sample of the social media subscription bar source code as shown below :
<div class=”social-icons col-lg-6″>
<a href=”https://www.fb.com/ShopPanther” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-facebook” title=”facebook”></i></a>
<a href=”https://twitter.com/shop_panther” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-linked-in” title=”twitter”></i></a>
<a href=”#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-linked-in” title=”linkedin”></i></a>
<a href=”https://www.pinterest.com/shoppanther” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-pintrest” title=”Pinterest”></i></a>
<a href=”http://www.youtube.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-youtube” title=”Youtube”></i></a><
<a href=”https://www.instagram.com/shoppanther28″ target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-instagram” title=”instagram”></i></a>
<a href=”https://wa.me/mobilenumber?text=texts” target=”_blank” class=”unset” rel=”noopener noreferrer” title=”WhatsApp”><img src=”http://www.eonenet.com/images/whatsapp.png” style=”display: inline-block; border-radius: 50%; -webkit-box-shadow: 0px 0px 2px #888; box-shadow: 0px 0px 2px #888; padding: 12px; margin: 0px 0px 15px 0px; width: 52px; height: 52px;” /></a><div>
Below is the social media subscription bar source code guide on how to add in :
If your Fb link is www.fb.com/# (# is your fb page url name), you will need to replace at “<a href=”https://www.fb.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-facebook” title=”facebook”></i></a>”
If your Twitter link is www.twitter.com/# (# is your twitter page url name), you will need to replace at “<a href=”https://twitter.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-twitter” title=”twitter”></i></a>”
If your Pinterest link is www.pinterest.com/# (# is your pinterest page url name), you will need to replace at “<a href=”https://www.pinterest.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-pinterest” title=”pinterest”></i></a>”
If your YouTube link is www.youtube.com/# (# is your youtube channel url name), you will need to replace at “<a href=”http://www.youtube.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-youtube” title=”YouTube”></i></a>”
If your Instagram link is www.instagram.com/# (# is your instagram page url name), you will need to replace at “<a href=”https://www.instagram.com/#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-instagram” title=”Instagram”></i></a>”
If your WhatsApp link is https://wa.me/#?text=# (# is 85256629989 & ?text=’#’ is ShopPanther), you will need to replace at “<a href=”https://wa.me/#?text=#” target=”_blank” class=”unset” rel=”noopener noreferrer”><i class=”fs24 within-circle rango-facebook” title=”facebook”></i></a>”
Product At Front End
The social media links will be visible at the front end as shown in the below image: