Pinterest. Contents. Create Pinterest buttons and widgets that you can add to your WebShop

Size: px

Start display at page:

Download "Pinterest. Contents. Create Pinterest buttons and widgets that you can add to your WebShop"

Alaina Flynn
5 years ago
Views:

1 Pinterest Create Pinterest buttons and widgets that you can add to your WebShop Contents Save Button. 2 Follow Button. 6 Board Widget.. 10 Profile Widget. 14

2 Save Button The Save button is the best way for your business to get content on Pinterest. With just one click, visitors can save content they like on your site to Pinterest, which helps even more Pinners discover you. To integrate the Pinterest Save Button into YourWebShop first navigate to the Pinterest Widget Builder found at: Next click on Save Button in red box 1

3 Then choose the button type in red box 2, either One Image, Any Image, or Image Hover In red box 3 tick the boxes if you would like the Pinterest Save button to Round and / or Large Copy the code in red box 4 to your clip board Leave this browser tab window open (you will need it again later) Open a new browser tab and log into Manage YourWebShop by entering your existing login credentials used on our main website shop.ralawise.com When presented with the dashboard view of YourWebShop click on Design & Content, then Content Pages, followed by the content page where you want to insert the Pinterest Save button

Scroll down to the WYSIWYG editor The content editor allows you to insert HTML code directly by selecting the icon from the editor menu in the top left hand corner In the WYSIWYG editor paste this

4 Scroll down to the WYSIWYG editor The content editor allows you to insert HTML code directly by selecting the icon from the editor menu in the top left hand corner In the WYSIWYG editor paste this code wherever you want the Save button to appear on your page (eg red box 1) Navigate back to the tab with Pinterest Save button code in it and copy the code from red box 5 Paste the code into the WYSIWYG editor at the very bottom of the page (as shown in red box 2) Scroll to the top of the WYSIWIG editor page and click the blue Save button

5 When the page is viewed live online the Pinterest Save Button will be displayed where you placed it (see the red box below as an example)

6 Follow Button The Follow button lets Pinners easily follow your business s Pinterest page. Followers will see your added Pins, giving you more visibility. To integrate the Google +1 Button into YourWebShop first navigate to the Pinterest Widget Builder found at: Next click on Follow in red box 1

7 In red box 2 paste the URL of the Pinterest Profile you want the button to follow In red box 3 type the words you want to appear on the button eg Follow Ralawise Copy the code in red box 4 to your clip board Leave this browser tab window open (you will need it again later) Open a new browser tab and log into Manage YourWebShop by entering your existing login credentials used on our main website shop.ralawise.com When presented with the dashboard view of YourWebShop click on Design & Content, then Content Pages, followed by the content page where you want to insert the Follow button

8 Scroll down to the WYSIWYG editor The content editor allows you to insert HTML code directly by selecting the icon from the editor menu in the top left hand corner In the WYSIWYG editor paste this code wherever you want the Follow button to appear on your page (eg red box 1) Navigate back to the tab with Follow button code in it and copy the code from red box 5 Paste the code into the WYSIWYG editor at the very bottom of the page (as shown in red box 2) Scroll to the top of the WYSIWIG editor page and click the blue Save button

9 When the page is viewed live online the Pinterest Follow Button will be displayed where you placed it (see the red box below as an example)

10 Board Widget When one Pin isn t enough, add an entire board (up to 50 Pins) to your site. Board widgets give your visitors a quick taste of what your Pinterest profile's all about, and help to drive more traffic to your board. To integrate the Pinterest Board Widget into YourWebShop first navigate to the Pinterest Widget Builder found at: Next click on Board in red box 1

11 In red box 2 paste the URL of a Pinterest board that you want to embed into a page on yourwebshop In red box 3 select the size of the board, choosing from the options square, sidebar, header and create your own Copy the code in red box 4 to your clip board Leave this browser tab window open (you will need it again later) Open a new browser tab and log into Manage YourWebShop by entering your existing login credentials used on our main website shop.ralawise.com When presented with the dashboard view of YourWebShop click on Design & Content, then Content Pages, followed by the content page where you want to insert the Board Widget Plugin

12 Scroll down to the WYSIWYG editor The content editor allows you to insert HTML code directly by selecting the icon from the editor menu in the top left hand corner In the WYSIWYG editor paste this code wherever you want the Pinterest Board Widget Plugin to appear on your page (eg red box 1) Navigate back to the tab with Pinterest board widget code in it and copy the code from red box 5 Paste the code into the WYSIWYG editor at the very bottom of the page (as shown in red box 2) Scroll to the top of the WYSIWIG editor page and click the blue Save button

13 When the page is viewed live online the Pinterest Board Widget will be displayed where you placed it (see the red box below as an example)

14 Profile Widget Add a Profile Widget to your page to show the most recent Pins you ve saved. To integrate the Pinterest Profile Widget into YourWebShop first navigate to the Pinterest Widget Builder found at: Next click on Profile in red box 1

15 In red box 2 paste the URL of the Pinterest Profile you want to embed In red box 3 select the size of the board, choosing from the options square, sidebar, header and create your own Copy the code in red box 4 to your clip board Leave this browser tab window open (you will need it again later) Open a new browser tab and log into Manage YourWebShop by entering your existing login credentials used on our main website shop.ralawise.com When presented with the dashboard view of YourWebShop click on Design & Content, then Content Pages, followed by the content page where you want to insert the Pinterest Profile Widget

16 Scroll down to the WYSIWYG editor The content editor allows you to insert HTML code directly by selecting the icon from the editor menu in the top left hand corner In the WYSIWYG editor paste this code wherever you want the Profile Widget to appear on your page (eg red box 1) Navigate back to the tab with Pinterest Profile Widget code in it and copy the code from red box 5 Paste the code into the WYSIWYG editor at the very bottom of the page (as shown in red box 2) Scroll to the top of the WYSIWIG editor page and click the blue Save button

17 When the page is viewed live online the Pinterest Profile Widget will be displayed where you placed it (see the red box below as an example) This guide was produced by Christopher Roberts from the ecommerce department at Ralawise. Should you require any further assistance, please contact the ecommerce support team on Last Updated 08/05/17

Integrate Google + Contents

Integrate Google + Contents +1 Button.. 2 Google+ Badge.. 6 Share. 10 Follow 14 +1 Button Let visitors recommend your content on Google Search and share it on Google+. You can add and customize the +1