PrestaShop Marketplace Web To Print {User Guide}

PrestaShop Marketplace Web to Print module offers customers to customize the seller products as per their choice.

Improve the overall shopping experience by offering a wide range of customization options on the marketplace.

From t-shirts to mobile phone covers, to gift cards and coffee mugs – a user can personalize it all.

The module provides various custom options to customize the product as per the need. You can choose to provide the following custom options to customize the product.

• Text
• Number
• Image

PrestaShop Marketplace Web to Print module is compatible with PrestaShop Advanced Multi-Vendor Marketplace version 7.x.x.

• Multiple options have been provided to customize the products as per need.
• Sellers can add five types of templates viz. view, image, color, text, and paint.
• Admin can add product customization templates and its values on behalf of a seller.
• Users can personalize the products by adding desired image, color, and text.
• Social import feature enables the users to fetch the desired images from their Facebook and Instagram accounts.
• Customers can preview the products they have designed before placing the order.
• Product personalization increases customer engagement on the marketplace which leads to higher sales conversion.
• Offering product customization helps the sellers to understand the user’s needs.
• The module is multi-shop compatible with PrestaShop Advanced Multi-Vendor Marketplace version v 6.x.x.

At the front end, the customer can personalize the product in multiple ways:

Adding desired text on the product

Customize the product by adding the desired image

Personalize the product by adding color

Adding pattern to your product

In order to install the module, you need to install the PrestaShop Advanced Multi-Vendor Marketplace module first.

After installing the marketplace module, you can now proceed to install the PrestaShop Marketplace Web to Print module.

• Firstly, go to the module manager in the back office and click on ‘upload a module’.
• After that, drag and drop the module file or select the file from the system.
• In this way, the module installation will be successful.

After the successful installation of the module, admin can configure Facebook and Instagram image import settings.

If admin has enabled the image import, then customers can fetch the images from their Facebook and Instagram accounts. Customers can add the image(s) imported from social sites to the products and customize it as per their requirements.

Front End View

At front end, a customer just has to click on the Facebook/Instagram button for fetching the images from Facebook and Instagram. A customer has to select image(s) to add on a customized product.

Create Facebook Credentials

First of all, an admin needs to create an account on the Meta developer site.

After creating the account, navigate to My Apps.

After clicking on the My Apps option, the following page will open. Here, click on Create App.

Now, select the app type as Business from here.

After selecting the app type as business you will redirect to the following page. Here, enter the Display name of app and click on Create app.

Now, go to the Basic section under Settings. Here, on this page, you’ll find your App ID & App secret required to configure the module.

Now, let’s proceed to see the process of generating the Instagram API credentials.

Create Instagram Credentials

In order to proceed to generate API keys, visit the link. After landing on the page, click on the “My Apps” button.

On clicking the “My Apps” button, you will land on the following page. Here, you can see the list of all the previously created apps.

Now, in order to create a new app, click on the “Create App” button.

After that select the app category as “None”.

Now, enter the name of the app & contact email to proceed.

Upon creation of an app, you will land on the dashboard of the app. Here, go to the Basic under the Settings section.

Now, at the end of the page, you will find a button Add platform.

Click on the Add platform button & after that select the platform as Website.

Here, you will need to add the URL of your website. Add the front-end URL of your shop & click on “Save changes” to proceed.

Set up the Instagram Basic Display app

After adding the URL of your shop, now click on Add Product option. Here, you will need to set up a product that’ll help you to show Instagram feeds.

To fetch & show the Instagram feeds, proceed to configure the “Instagram Basic Display” product. Click on the “Set up” button to proceed.

Now, click on the Create New App to configure Instagram basic display app.

Enter the name of the app & click on “Create App”.

After creating the app for Instagram basic display, you will find the App ID & App Secret needed to configure the module.

On this page, you will also need to fill OAuth redirect URL, Deauthorize callback URL & the Data Deletion Request URL.

The redirect URL which needs to be filled is already available in the configuration settings of the module. You just need to copy & paste the URL here.

So, this was all about the process to generate the API keys for the module. Enter these keys in the configuration settings to fetch the Instagram feeds.

Apart from the generation of API keys, you also need to add an Instagram tester in order to access the Insta account via the Meta app.

Add Instagram Tester

In the above picture, you may notice a section of the “User Token Generator”. In this section, there is an option to “Add or Remove Instagram Testers”.

Now, you need to click on “Add or Remove Instagram Testers” button in order to proceed to the next step.

Upon clicking the “Add Instagram Testers” button, a popup will open. Here, enter the username of the Instagram account that you want to add as an Instagram tester.

After selecting the user & clicking on the “Submit” button, the Instagram user will be added as a tester.

Now go to Instagram. After that navigate to the “Apps and Websites” section under “Settings“.

Under “Apps and Websites“, you now need to go to “Tester Invites” to view all the tester requests.

Here, either you can accept/decline the tester request of the Meta app via which you sent the request.

On clicking the “Accept” button, you are authorizing the Meta app as Instagram Tester.

Upon accepting the request, the status of the Instagram Tester will also update from “Pending“.

After the installation of the module, a new tab “Manage Product Templates” gets available in seller’s account. From here, the seller can add product customization templates.

While adding a template, a seller has to enter the template name and select type of template.

Types of Templates

In PrestaShop Marketplace Web to Print, a seller can add five types of templates:

1. View Template
2. Text Template
3. Image Template
4. Color Template
5. Paint Template

Adding View Template

For adding a view template, a seller has to select “View” in the type field.

After saving the template, a seller can add its value under “Template Value” tab.

The seller needs to enter template value and upload image for adding template value.

NOTE: Values can be assigned only to view, image, and color template only.

After installation of the module, a new tab “Assign Template” gets added on “Update Product” page from where seller can assign template to a product.

Customer’s End View

Customer can view the template and customize the product according to its requirement by clicking on “Customise” button.

Adding Text Template

For adding a text template, a seller has to select:

• “Text” in the type field.
• View template and template value and
• Mark the area in which customer can enter text and customise the product.

Once saved, the seller can mark the area in which customer can enter text and customise the product.

After adding a text template, a seller can assign it to a product.

Front End View

If a seller does not select a template value for a “view template”, then text template will not be displayed at front end.

Adding Image Template

For adding an image template, a seller has to select:

• “Image” in the type field.
• View template and template value, and
• Mark the area in image on which a customer can add desired image.

After saving image template, a seller can add its value under “Template Value” tab.

After adding template value, a seller can assign template to a product.

Front End View

Customer can add the image in an area specified by the seller for inserting image and customising the product.

Adding Color Template

For adding a color template, the seller has to select “color” in type field.

After saving the color template, a seller can add its value.

After adding template value, seller can assign template to the product.

Note: Color template can only be used for transparent or SVG images.

If a seller has added an SVG image for a view template and assigned multiple color template values to a product, then a customer can customise the product using multiple values.

Adding Paint Template

For adding the paint template, a seller has to select paint template here.

After adding a paint template, the seller can assign it to the product.

After the installation of the module, a new tab “Product Customization” gets added under “Marketplace”. From this tab, admin can add product customization templates and its values on behalf of the seller.

For adding a new template, admin has to select the seller to whom it wants to assign a template, template type, and enter template name.

After saving the template, admin can add its value under “Template Value” tab.

For adding template value, admin has to:

• Select the seller to whom it wants to assign template value.
• Select the type of template.
• Specify the template value, and
• Upload an image

Once admin has assigned product customization template and its value to a seller, then he can view it under “Manage Product Templates” tab.

As configured by a seller, the customers can customize a product as per their requirements.

After customizing the product as per requirements, the customer can download the image by clicking on “download” button.

Once the customer has downloaded the image, it can upload the image and then save it by clicking on “SAVE CUSTOMIZATION” button on the product page.

When a customer adds product to the cart, it can view the customized product image in the cart.

Once the customer has placed an order for a customized product, then a seller can view the customized image under the “Order Details”.

Admin can also view the customized product image on the orders page.

So, this was all about the PrestaShop Marketplace Web to Print module. I hope this document will help you in checking the functionality of the module in a better way.

Also, do let us know about your views in the comments.

For any kind of technical assistance or query, please raise a ticket at http://webkul.uvdesk.com or send us a mail at support@webkul.com

Also, please explore our PrestaShop development services & vast range of featureful PrestaShop Addons.