Vamtam Quick import feature provides one-click widgets import:




You can reimport the widgets at any time but this action will override your current sidebars.


If you haven't imported the Vamtam Widgets or you have deleted them for some reason, you can duplicate the demo view manually. Please follow the steps below:




Step 1:

Please go to Dashboard > Appearance > Customize > Footer and duplicate the settings from the screenshot below:




Step 2:

Please go to Dashboard > Appearance > Widgets and duplicate the demo widgets' content provided below:






Footer Widget Area 1: 

----------------------------

Here's the original code:


[push h="20" hide_low_res="true" class=""]

<p style="text-align: center;"><a href="/services/"> [icon name="theme-scissors" style="" color="accent1" size="44" ] </a></p>

----------------------------




Footer Widget Area 2:

----------------------------

Here's the original code:


[push h="20" hide_low_res="true" class=""]

<p style="text-align: center;"><a href="/services/"> [icon name="theme-dryer" style="" color="accent1" size="44" ] </a></p>

----------------------------




Footer Widget Area 3:

----------------------------

Here's the original code:


[push h="25" hide_low_res="true" class=""]

[button id="" style="border" class="wpv-animated-page-scroll" align="center" link="http://hair-beauty.demo.vamtam.com/#book-now" linkTarget="_self" bgColor="accent1" hover_color="accent1" font="11" icon="theme-calendar" icon_placement="left" icon_color="accent5"]BOOK NOW[/button]

----------------------------




Footer Widget Area 4:

----------------------------

Here's the original code:


[push h="20" hide_low_res="true" class=""]

<p style="text-align: center;"><a href="/services/"> [icon name="theme-hair-clipper" style="" color="accent1" size="44" ] </a></p>

---------------------------- 




Footer Widget Area 5:

----------------------------

Here's the original code:


[push h="20" hide_low_res="true" class=""]

<p style="text-align: center;"><a href="/services/"> [icon name="theme-razor" style="" color="accent1" size="44" ] </a></p>

----------------------------




Footer Widget Area 6:

----------------------------

Here's the original code:


I am different, <br>if you can find another like me, <br>

then I will buy you dinner!


[button id="" style="border" class="" align="" link="#" linkTarget="_self" bgColor="accent1" hover_color="accent1" font="10" icon="theme-basket" icon_placement="left" icon_color="accent5"]BUY THIS THEME[/button]

----------------------------




Footer Widget Area 7:


----------------------------

Here's the original code:


London, UK

10, Firs Avenue, Muswell Hill,

Tel: 02 562-958


<a href="#">hello@example.com</a>

----------------------------




Footer Widget Area 8: 

----------------------------

Here's the original code:


[mc4wp_form id="10372"]


<a href="#"> [icon name="facebook" style="border" color="accent1" size="18" ]</a>  <a href="#">[icon name="twitter" style="border" color="accent1" size="18" ]</a>  <a href="#">[icon name="pinterest" style="border" color="accent1" size="18" ]</a>  <a href="#">[icon name="theme-instagram" style="border" color="accent1" size="18" ]</a>

----------------------------





Please note that all Text widgets' content can be edited easily with the Vamtam Drag and Drop editor

Simply follow the steps below:


Step 1: 

Please copy the original demo's code and paste it into the "Text" tab of a post/page text editor:




 

Step 2:

Please switch to the Vamtam tab editor and make the changes you need:



 


Step 3:

Please switch back to the Text editor and copy the edited code. You can use the shortcut setting: Cmd+C / Ctrl+C (for Copy) and Cmd+V / Ctrl+V (for Paste)



Step 4:

Please go to Dashboard > Appearance > Widgets > Footer Widget Area 1 etc. and paste the code in the Text widget.