Pin Maker

Display Pin on image as text, icon or WooCommerce product

  1. Getting Started
  2. Installation
  3. How to create a Pin
  4. How to create Pin Collection
  5. Version History (Changelog)

Introduction

First of all, Thank you for purchasing Pin Maker and for being our loyal customer. This section will guide you through initial setup and activation processes in order to get your copy of Pin Maker up and running. If you have any questions that are beyond the scope of this documentation, please feel free to contact us.

Installation #back to top

Installation through the WP Dashboard

  1. Login to your website
  2. Navigate to Plugins / Add New
  3. Click the Upload Plugin button on the top of the page
  4. Browse to the plugin's zip file, it's usually called something like "pin-maker_123_install.zip"
  5. Click the Install Now button, If it ask you to enter your FTP login credentials, please type or read this article
  6. The plugin is now installed, click on the Activate Plugin button.

Installation via FTP

  1. Unzip plugin package download from Codecanyon
  2. Login to your server via FTP and navigate to the /wp-content/plugins/ folder
  3. Copy over the "pin-maker" folder extracted from the installable ZIP file.
  4. Navigate to the Plugins page on your WP admin area and click the Activate button below Pin Maker

Troubleshooting

  • WordPress asking for FTP credentials to install plugins. Add the code in wp-config.php 
    define( 'FS_METHOD', 'direct' );

How to create a Pin #back to top

Navigate to Pin Maker menu section and choose Add new

Pin style settings: We have support 3 styles for Pin: Icon, Area and Image

Style Icon
  1. Size: Small is 24x24px, Medium is 32x32px, Large is 48x48px
  2. Border Width: Defined in pixels. Do not add the 'px' unit
  3. Border Radius: Defined in pixels. Do not add the 'px' unit
  4. Color: Choose icon color
  5. Border Color: Choose border color, This parameter work when Border Width >= 1
  6. Background: Background for icon
  7. Color Hover: Color of Icon when mouseover
  8. Border Hover Color: Border color of Icon when mouseover
  9. Background Hover: Background color of Icon when mouseover
Style Area
  1. Custom Text: Text inside Area, example: $, EURO
  2. Font Size: Defined in pixels. Do not add the 'px' unit
  3. Text Color:Color of text
  4. Text Hover Color: Color of text when mouseover
  5. Width: Defined in pixels. Do not add the 'px' unit
  6. Height: Defined in pixels. Do not add the 'px' unit
  7. Border Width: Defined in pixels. Do not add the 'px' unit
  8. Border Radius: Defined in pixels. Do not add the 'px' unit
  9. Background: Background for Area
  10. Background Hover: Background color of Area when mouseover
  11. Border Color: Choose border color, This parameter work when Border Width >= 1
  12. Border Hover Color: Border color of Area when mouseover
Style Area
  1. Upload Image: Upload Image form your PC or choose in WP Media library
  2. Width: Defined in pixels. Do not add the 'px' unit
  3. Height: Defined in pixels. Do not add the 'px' unit
  4. Border Radius: Defined in pixels. Do not add the 'px' unit

Pin Type: 5 types for Pin include Text, Image, Link, Youtube and WooCommerce

Text
  1. Title: Title of Pin when mouse over to Pin
  2. Content: Content text for that pin when click to Pin
Image
  1. Title: Title of Pin when mouse over to Pin
  2. Upload Image: Content image for that pin when click to Pin
  3. Link To: Link when click on image
  4. Target: Open link in current window or new window
Link
  1. Title: Title of Pin when mouse over to Pin
  2. Link To: Link when click on image
  3. Target: Open link in current window or new window
Youtube
  1. Title: Title of Pin when mouse over to Pin
  2. Link: Youtube link, example: https://www.youtube.com/watch?v=-U4kGbnNRxQ
  3. Autoplay: Enable autoplay
  4. Enable Control: Enable player control
WooCommerce
  1. Select Product: Input product title to see suggestions
  2. Enable Thumbnail: Enable/Disable product thumbnail on Popup
  3. Enable Title: Enable/Disable product title on Popup
  4. Enable Price: Enable/Disable product price on Popup
  5. Enable Button: Enable/Disable Add to cart button on Popup

Popup style

  1. Width: Defined in pixels. Do not add the 'px' unit
  2. Position: Popup position, top, left right or bottom of Pin
  3. Animation: 6 animation supported, Fade, Zoom, Slide Up, Slide Down, Slide Left, Slide Right and Rotate
  4. Border Radius: Defined in pixels. Do not add the 'px' unit
  5. Title Color: Color of popup title
  6. Content Color: Color of popup content
  7. Background Color: Background color of popup

After setting, Copy shortcode of that Pin to put everywhere you want

How to create a Pin collection #back to top

Navigate to Pin Maker menu section and choose Category

After that, back to All Pin items and choose the collection for it

Version History (Changelog) #back to top

You can find the version history (readme.txt) file on Pin Maker folder or you can check changelog on plugin sale page.

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Changelog


                                        -----------------------------------------------------------------------------------------
                                        Version 1.0.0 - May 12th, 2017
                                        -----------------------------------------------------------------------------------------

                                        - First release