The <\/strong>addon provides a lot of features which are as follows:<\/strong><\/h2>\n\n- It is very easy to activate\/deactivate the Prestashop order social sharing module.<\/li>\n
- The Prestashop social promotion addon is fully customizable.<\/li>\n
- The Prestashop extension shows social sharing option on order confirmation page.<\/li>\n
- The Prestashop social promotion offers a user-friendly interface.<\/li>\n
- The Prestashop orders social sharing addon is mobile responsive.<\/li>\n
- Allows customers to share their order summary with their friends on social media<\/li>\n
- Configure it to as per your theme design without doing changes in the code.<\/li>\n
- Color picker tools to change text color and background easily.<\/li>\n
- Show\/hide any social share button easily.<\/li>\n
- Enable\/disable any of the social sharing options from the three- Facebook, Google+, and Twitter.<\/li>\n
- There is an option to add custom CSS and JS.<\/li>\n
- The order social promotions plugin offers SSL compatibility.<\/li>\n
- The order social sharing bar module is compatible with all the Prestashop themes.<\/li>\n
- The Prestashop share a purchase extension is multi-store compatible.<\/li>\n<\/ul>\n
Installation Manual<\/h2>\n
Follow the following steps for installing Order Social Sharing addon:<\/p>\n
\n- Download the addon package.<\/li>\n
- Unzip the package in \/modules directory of your Prestashop store via FTP manager (like Filezilla or WinSCP – download here: https:\/\/filezilla-project.org\/). Folder structure for Order Social Sharing addon is shown in the image below:<\/li>\n<\/ol>\n
![](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/word-image-1.png\")
<\/a><\/p>\nFigure 1 – Order Social Sharing addon Directory Structure<\/em><\/strong><\/p>\n\n- You will be able find the Order Social Sharing addon that is ready to be installed in the \u201cModules List\u201d in your PrestaShop store as shown below.<\/li>\n<\/ol>\n
![](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/word-image-2.png\")
<\/a><\/p>\nFigure 2 – Order Social Sharing Installation<\/em><\/strong><\/p>\n\n- Click on the \u201cInstall\u201d link to install. Once the module is installed properly the \u201cInstall\u201d link will be converted to \u2018Configure\u2019.<\/li>\n<\/ol>\n
User Manual<\/h2>\n
This User Manual will guide you through the Admin Module\/Store Front settings and various features of the this Order Social Sharing Addon.<\/p>\n
Admin Interface<\/h3>\n
This will contain 2 tabs \u2018General Setting Tab\u2019 and \u2018Look and Feel Setting Tab\u2019 after successful installation.<\/p>\n
General Setting Tab<\/h3>\n
This Tab will contain these fields . Steps –<\/p>\n
1 . Go to Modules and Services > Search module \u2018Order Social Sharing\u2019 > Click on \u201c Configure\u201d Button > Select General Setting Tab.<\/p>\n
![\"order](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/1.png\")
<\/a><\/p>\nFigure 3 – Order Social Sharing General Setting Tab<\/em><\/strong><\/p>\nFields<\/h3>\n1.Enable :<\/strong><\/h3>\nBy default, value will be OFF. Whole functionality of this Prestashop order social sharing addon will depend on value of this setting.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable the plugin Option > Click on Save.<\/p>\n2. Facebook Share:<\/strong><\/p>\nBy default it would be ON . When admin enable it, he would be able to display Facebook Share Option .<\/p>\n
Steps –\u00a0<\/strong>Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Facebook Share > Click on Save.<\/p>\nNote: To share order details in Facebook , make sure that \u2018Facebook Share\u2019option is Enabled .<\/strong><\/p>\n3. Twitter Share:<\/strong><\/p>\nBy default it would be ON . When admin enable it, he would be able to display Twitter Share Option .<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Twitter Share > Click on Save.<\/p>\nNote: To share order details in Twitter , make sure that \u2018Twitter Share\u2019option is Enabled .<\/strong><\/p>\n4. Google+ Share:<\/strong><\/p>\nBy default it would be ON . When admin enable it, he would be able to display Google+ Share Option .<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Google+Share > Click on Save.<\/p>\nNote: To share order details in google+, make sure that \u2018Google+Share\u2019option is Enabled .<\/strong><\/p>\n\n- Save Button:<\/strong> When admin will click on this button, module will first validate all the fields with valid values. After successful validation, module will save settings into database and return back with success message.<\/li>\n<\/ol>\n
Steps –<\/strong> Go to modules and Setting > Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting \/ Look & Feel Setting Tab > Click On Save.<\/p>\nLook and Feel Setting Tab<\/h2>\n
This tab will contain all the look and feel features of the module .<\/p>\n
![\"Prestashop](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/2.png\")
<\/a><\/p>\nFigure 1 – Order Social Sharing Look and Feel Setting Tab<\/em><\/strong><\/p>\nSteps –<\/strong>\u00a0Go to Modules and Services > Search module \u2018Order Social Sharing\u2019 > Click on \u201c Configure\u201d Button > Select Look and Feel Setting Tab.<\/p>\nFields<\/h3>\n1. Block Text Color :<\/strong><\/h3>\nThis will set the color of the text inside the block.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Select the Block Text color > Click on Save.<\/p>\n2. Block BackGround Color :<\/strong><\/p>\nThis will set the color of the background inside the block.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Select Block Background Color > Click On Save.<\/p>\n3. Custom CSS :<\/strong><\/p>\nThis will set the CSS of the \u2018Success Checkout\u2019, \u2018Order History and Details\u2018 and \u2018Shared Link\u2019 page. Steps –<\/p>\n
Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Enter any CSS Code at Custom CSS Field > Click On Save.<\/p>\n
Note: Enter CSS content excluding <style> — inner content– <\/style> Tags (only write inner content ) .<\/strong><\/p>\n4. Custom JS :<\/strong><\/p>\nThis will set the JS of the \u2018Success Checkout\u2019, \u2018Order History and Details\u2018 and \u2018Shared Link\u2019 page. Steps –<\/p>\n
Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Enter any JS Code at Custom JS Field > Click On Save.<\/p>\n
Note: Enter JS content excluding <script> –inner content– <\/script> Tags (only write inner content ).<\/strong><\/p>\nFront End Interface<\/h2>\n
If admin enable the plugin then the below like image will be displayed in the Front End .<\/p>\n
Success Checkout Page<\/h3>\n
Steps –<\/strong> Add any product to Cart > Proceed to Checkout Process > Completed Checkout Process > Click on \u2018I confirm my order \u2019 > Order Confirmation Page .<\/p>\n![\"social](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/word-image-5.png\")
<\/a><\/p>\nFigure 1 – Order Social Sharing Default PopUp<\/em><\/strong><\/p>\n![\"Social](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/3.png\")
<\/a><\/p>\nWhen customer clicks on any share button, then details of order (name, image, reference, combination and current price with discount) as well as the name of the buyer will be share on corresponding social media. The UI or html design of products will be same as displayed in above screen.<\/p>\n
Order History and Details Page<\/h3>\n
Steps –<\/strong> Go to \u201cMy Account\u201c Page > Click on \u201cOrder History and Details\u201d link >Select any \u201cDetails\u201d for any \u201cOrder reference\u201d .<\/p>\n![](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/word-image-6.png\")
<\/a><\/p>\nFigure 1 – Order Social Sharing Customized Popup<\/em><\/strong><\/p>\nShared Order Details Page<\/h3>\n
When the user clicks on the link on any social networking website (Google , Facebook , Twitter) then redirected to the page like below.<\/p>\n
In this page both the image and the product name will have link reference.<\/p>\n
![](\"https:\/\/www.knowband.com\/blog\/wp-content\/uploads\/2017\/01\/word-image-7.png\")
<\/a><\/p>\nFigure 1 – Order Social Sharing share order page<\/em><\/strong><\/p>\nFor more details about this Prestashop addon:<\/p>\n
Module Link: https:\/\/www.knowband.com\/prestashop-order-social-sharing<\/a><\/p>\nAdmin Demo Link:
\nhttps:\/\/ps.knowband.com\/demo4\/16\/admin1\/index.php?controller=AdminLogin&token=ffa17b0c72ff8c0ab7cf3e344c5ae4fc&redirect=AdminModules&demo_lang=en<\/a><\/p>\nFront Demo: https:\/\/ps.knowband.com\/demo4\/16\/en\/login?back=history<\/a><\/p>\nWatch Video:
\nhttps:\/\/www.youtube.com\/watch?v=FJzMBH4Jd-E&feature=youtu.be<\/a><\/p>\n
Installation Manual<\/h2>\n
Follow the following steps for installing Order Social Sharing addon:<\/p>\n
- \n
- Download the addon package.<\/li>\n
- Unzip the package in \/modules directory of your Prestashop store via FTP manager (like Filezilla or WinSCP – download here: https:\/\/filezilla-project.org\/). Folder structure for Order Social Sharing addon is shown in the image below:<\/li>\n<\/ol>\n<\/a><\/p>\n
Figure 1 – Order Social Sharing addon Directory Structure<\/em><\/strong><\/p>\n
- \n
- You will be able find the Order Social Sharing addon that is ready to be installed in the \u201cModules List\u201d in your PrestaShop store as shown below.<\/li>\n<\/ol>\n<\/a><\/p>\n
Figure 2 – Order Social Sharing Installation<\/em><\/strong><\/p>\n
- \n
- Click on the \u201cInstall\u201d link to install. Once the module is installed properly the \u201cInstall\u201d link will be converted to \u2018Configure\u2019.<\/li>\n<\/ol>\n
User Manual<\/h2>\n
This User Manual will guide you through the Admin Module\/Store Front settings and various features of the this Order Social Sharing Addon.<\/p>\n
Admin Interface<\/h3>\n
This will contain 2 tabs \u2018General Setting Tab\u2019 and \u2018Look and Feel Setting Tab\u2019 after successful installation.<\/p>\n
General Setting Tab<\/h3>\n
This Tab will contain these fields . Steps –<\/p>\n
1 . Go to Modules and Services > Search module \u2018Order Social Sharing\u2019 > Click on \u201c Configure\u201d Button > Select General Setting Tab.<\/p>\n
<\/a><\/p>\nFigure 3 – Order Social Sharing General Setting Tab<\/em><\/strong><\/p>\n
Fields<\/h3>\n
1.Enable :<\/strong><\/h3>\n
By default, value will be OFF. Whole functionality of this Prestashop order social sharing addon will depend on value of this setting.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable the plugin Option > Click on Save.<\/p>\n
2. Facebook Share:<\/strong><\/p>\n
By default it would be ON . When admin enable it, he would be able to display Facebook Share Option .<\/p>\n
Steps –\u00a0<\/strong>Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Facebook Share > Click on Save.<\/p>\n
Note: To share order details in Facebook , make sure that \u2018Facebook Share\u2019option is Enabled .<\/strong><\/p>\n
3. Twitter Share:<\/strong><\/p>\n
By default it would be ON . When admin enable it, he would be able to display Twitter Share Option .<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Twitter Share > Click on Save.<\/p>\n
Note: To share order details in Twitter , make sure that \u2018Twitter Share\u2019option is Enabled .<\/strong><\/p>\n
4. Google+ Share:<\/strong><\/p>\n
By default it would be ON . When admin enable it, he would be able to display Google+ Share Option .<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting > Enable Google+Share > Click on Save.<\/p>\n
Note: To share order details in google+, make sure that \u2018Google+Share\u2019option is Enabled .<\/strong><\/p>\n
- \n
- Save Button:<\/strong> When admin will click on this button, module will first validate all the fields with valid values. After successful validation, module will save settings into database and return back with success message.<\/li>\n<\/ol>\n
Steps –<\/strong> Go to modules and Setting > Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select General Setting \/ Look & Feel Setting Tab > Click On Save.<\/p>\n
Look and Feel Setting Tab<\/h2>\n
This tab will contain all the look and feel features of the module .<\/p>\n
<\/a><\/p>\nFigure 1 – Order Social Sharing Look and Feel Setting Tab<\/em><\/strong><\/p>\n
Steps –<\/strong>\u00a0Go to Modules and Services > Search module \u2018Order Social Sharing\u2019 > Click on \u201c Configure\u201d Button > Select Look and Feel Setting Tab.<\/p>\n
Fields<\/h3>\n
1. Block Text Color :<\/strong><\/h3>\n
This will set the color of the text inside the block.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Select the Block Text color > Click on Save.<\/p>\n
2. Block BackGround Color :<\/strong><\/p>\n
This will set the color of the background inside the block.<\/p>\n
Steps –<\/strong> Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Select Block Background Color > Click On Save.<\/p>\n
3. Custom CSS :<\/strong><\/p>\n
This will set the CSS of the \u2018Success Checkout\u2019, \u2018Order History and Details\u2018 and \u2018Shared Link\u2019 page. Steps –<\/p>\n
Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Enter any CSS Code at Custom CSS Field > Click On Save.<\/p>\n
Note: Enter CSS content excluding <style> — inner content– <\/style> Tags (only write inner content ) .<\/strong><\/p>\n
4. Custom JS :<\/strong><\/p>\n
This will set the JS of the \u2018Success Checkout\u2019, \u2018Order History and Details\u2018 and \u2018Shared Link\u2019 page. Steps –<\/p>\n
Go to modules and Setting >Search Module \u2018Order Social Sharing\u2019> Click on Configure button > Select Look & Feel Setting Tab > Enter any JS Code at Custom JS Field > Click On Save.<\/p>\n
Note: Enter JS content excluding <script> –inner content– <\/script> Tags (only write inner content ).<\/strong><\/p>\n
Front End Interface<\/h2>\n
If admin enable the plugin then the below like image will be displayed in the Front End .<\/p>\n
Success Checkout Page<\/h3>\n
Steps –<\/strong> Add any product to Cart > Proceed to Checkout Process > Completed Checkout Process > Click on \u2018I confirm my order \u2019 > Order Confirmation Page .<\/p>\n
<\/a><\/p>\nFigure 1 – Order Social Sharing Default PopUp<\/em><\/strong><\/p>\n
<\/a><\/p>\nWhen customer clicks on any share button, then details of order (name, image, reference, combination and current price with discount) as well as the name of the buyer will be share on corresponding social media. The UI or html design of products will be same as displayed in above screen.<\/p>\n
Order History and Details Page<\/h3>\n
Steps –<\/strong> Go to \u201cMy Account\u201c Page > Click on \u201cOrder History and Details\u201d link >Select any \u201cDetails\u201d for any \u201cOrder reference\u201d .<\/p>\n
<\/a><\/p>\nFigure 1 – Order Social Sharing Customized Popup<\/em><\/strong><\/p>\n
Shared Order Details Page<\/h3>\n
When the user clicks on the link on any social networking website (Google , Facebook , Twitter) then redirected to the page like below.<\/p>\n
In this page both the image and the product name will have link reference.<\/p>\n
<\/a><\/p>\nFigure 1 – Order Social Sharing share order page<\/em><\/strong><\/p>\n
For more details about this Prestashop addon:<\/p>\n
Module Link: https:\/\/www.knowband.com\/prestashop-order-social-sharing<\/a><\/p>\n
Admin Demo Link:
\nhttps:\/\/ps.knowband.com\/demo4\/16\/admin1\/index.php?controller=AdminLogin&token=ffa17b0c72ff8c0ab7cf3e344c5ae4fc&redirect=AdminModules&demo_lang=en<\/a><\/p>\nFront Demo: https:\/\/ps.knowband.com\/demo4\/16\/en\/login?back=history<\/a><\/p>\n
Watch Video:
\nhttps:\/\/www.youtube.com\/watch?v=FJzMBH4Jd-E&feature=youtu.be<\/a><\/p>\n
- Save Button:<\/strong> When admin will click on this button, module will first validate all the fields with valid values. After successful validation, module will save settings into database and return back with success message.<\/li>\n<\/ol>\n
- Click on the \u201cInstall\u201d link to install. Once the module is installed properly the \u201cInstall\u201d link will be converted to \u2018Configure\u2019.<\/li>\n<\/ol>\n
- You will be able find the Order Social Sharing addon that is ready to be installed in the \u201cModules List\u201d in your PrestaShop store as shown below.<\/li>\n<\/ol>\n