Back to Top

OpenCart Marketplace Web To Print

Updated 10 October 2023

Using the Opencart Marketplace Web To Print module the sellers can create a web to print personalized products for their customers.

The customers will be able to customize and design their selected products at the storefront.

Opencart Marketplace Web-To-Print add-on is useful for those merchants who are selling personalized products such as printed t-shirts, coffee mugs, phone-cases, photo-gifts, etc. There are tons of options available for customizing the product.

Note: To make use of this extension, you must have first installed the OpenCart Multi Vendor Marketplace.

Watch the video to understand the extension workflow:-

Configuration and admin’s workflow:-

3DryvdLu7lM

Seller’s workflow:-

filNdVY0NMI

Features

  • Fully canvas-based product customizer.
  • The admin/seller can add images for adding images to the product template.
  • The admin/seller can add colors to the text, shape editor on canvas.
  • Further, the admin/seller can edit the product template and add some initial design for the customizer.
  • The admin/seller can create multiple templates for a single product like for front design, back design etc.
  • The customer can edit the template in the front-end.
  • The customer can use different editors for customizing the design like an image editor, text editor, shape editor.
  • Further, the customer can search images using Pixabay while designing.
  • A customized template image will be generated and shown in the cart and other places as the product image.
  • The customer can add to the cart the customized product.
  • After a successful purchase customer can download the images from the order.
  • The admin/seller can see and download the customized image template for the order in the order information.

Installation – OpenCart Marketplace Web To Print

Step 1:

Extract the contents of the received zip folder on your system according to your OpenCart version. The extracted folder has admin, catalog, Image, ocmod, and wtp folders. Now, upload all the directories except ocmod into the OpenCart root directory.

Searching for an experienced
Opencart Company ?
Find out More

Installation OpenCart Marketplace Web To Print

Step 2:

Once you have uploaded the folders, login to the admin panel and then go to Extensions> Extension Installer and then upload the XML file. The XML file is in the ocmod folder under the module directory.

In the ocmod folder, select the Opencart version that you are using and under it, you will find Webkul_Web_To_Print.ocmod.xml file.

Extension Installer OpenCart Marketplace Web To Print Extension

Step 3:

After uploading the XML file go to the Extension -> Modifications and click on refresh button.

Modification OpenCart Marketplace Web To Print

Step 4:

After that in the admin panel go to System -> Users -> User Groups and edit the group ‘Administrator’ and choose to select all for both Access and Modify Permission for the permission that you want to provide and Save it.

User Group Access Webkul OpenCart Marketplace Web To Print

Step 5:

Now go to Extensions-> Extensions->Modules->Marketplace Web To Print Extension and click the Install button to install the module.

Install OpenCart Marketplace Web To Print Extension

Module Configuration

After successful installation of the opencart marketplace web to print extension, tap the edit button to bring up the module configuration settings.

Edit Extension Opencart Marketplace Web To Print

Under the module configuration settings, the admin will be able to configure various settings for the Marketplace Web To Print extension.
Module Configuration Web To Print Marketplace

Here, the admin will –

  • Status – Set the module to enable, in order to use the module.
  • Auto Save Time- This is the time by which the template will be automatically saved if the customer or admin have not clicked on the save.
  • Allowed Option- The admin can select the allowed options among Text, Image and Other(like shape), which customer can use while customizing the template.
  • Search Online For Customer- This is used for the customer front so that customers can search for various templates online.
  • Pixabay API key- The admin can enter the API key of the Pixabay account here and can even get the API key by clicking on ‘How to get the API key? link.
  • Text box limit- The limit of character in the text box for the template.
  • Allowed image extension(s)-The extension for images that can be uploaded to the template.
  • Allowed image filesize- The size of the image file that can be added to the template.
  • Design Approval Text- The message for final approval for the template design needs to check by the customer after final design customization.
  • Finalize check list-The checklist of the template specifies the things to be checked in the design template

Admin’s End – How To Add A Template?

The admin can create a template that can be used by the customers at the website frontend.

Font Name – A font family, also known as a typeface, is a set of similar fonts in various styles.

Upload Font File – You can upload the Font file which is download from here.

To add a new template the admin will tap the Add button at the top right-hand side.

1

This brings up the section to create a new template.

Add New Template By Admin

Here, the admin will –

  • Enter the Name for the template
  • Set the code for the template
  • Tap the Start button to proceed further

This brings up the section to enter the height and width of the canvas on which the template gets posted. After entering the dimensions, tap the next button.
Canvas Size Setup

Enter the number of sides on which the admin wants to add the template and tap next.

Template Design Sides

Now, select the image for the template and enter the name of the side and tap the next button.

Template Side Images

The admin will now add the Text, Image, and Shapes to the canvas.

Save template By Admin

  • Text: The content in text format can be set on the canvas. From Text, you can select the font as per the below image.
  • Image: The image which can be arranged on the canvas. For images, the admin can either use User Image which is available in advance or can search for images Online from Search Online.
  • Shape: If the admin wishes to include any sort of shape to the canvas that can be selected from here

2

Lastly, tap the Save changes button to save the current template. After that, you can check the list of your created templates by navigating to the Web To Print menu option.

3

Admin’s End – Assignment of Template To Product

The admin can assign templates to a product by navigating through Catalog->Products.

Products Section

Here, edit a product and navigate to its Web To Print tab. Here, the admin will be able to see all the available templates and can check the required templates and then save the product to assign the template to the product.

Products-web-to-print-OpenCart

Note: The admin needs to enable the Status in order to able to provide the customize this design option for the particular product on the front end.

Seller’s End – How To Add A Template?

The sellers will have a ‘Marketplace Print On Demand‘ menu option under their marketplace account block.

Seller Account Panel Webkul OpenCart Marketplace Web To Print Extension

Tapping it up brings up the section with all the created templates(for the 1st time the section is empty). Here, the admin can create, edit, or delete the templates as required.

Font Name – A font family, also known as a typeface, is a set of similar fonts in various styles.

Upload Font File – You can upload the Font file which is download from here.

4

To add a new template, tap the add button on the top right-hand side. This brings up the ‘Web to print template form‘.

5

Here, the seller needs to –

  • Enter the Name for the template
  • Enter the code for the template and then
  • Tap the Start button

This brings up the section to set up the size for the canvas. Enter the Height and Width of the canvas and tap the next button thereafter.

6

Now enter the number of sides for which the seller wants to add the template and tap next.

7

Now, select the image for the template and enter the name of the side and tap the next button.

9

The seller will now add the Text, Image, and Shapes to the canvas.

10

  • Text: The content in text format can be set on the canvas. The seller can select any font type.
  • Image: The image which can be arranged on the canvas. For images, the admin can either use User Image which is available in advance or can search for images Online from Search Online.
  • Shape: If the admin wishes to include any sort of shape to the canvas that can be selected from here

Marketplace Web To Print Template

Lastly, tap the Save changes button to save the current template. After that, the seller can check the list of your created templates by navigating to the Marketplace Print On Demand menu option under their marketplace account panel.

12

Adding a Template to Product

After creating the template, the seller will navigate to the Add Product page. Here, add a new or edit an old product and go to its Web to Print tab.

add_new_template OpenCart Marketplace Web To Print

Note: The seller needs to enable the Status in order to able to provide the customize this design option for the particular product on the front end.

Now, select a template for this product, you can also select multiple templates. Lastly, tap the save button to save the template for the corresponding product.

Customer’s Workflow

The customers can customize a product according to their need. The customer will have to navigate to the product for which the customization is possible or for which the ‘Customize this Design‘ button is visible.

To customize a product tap the ‘Customize this design‘ button.

13

After tapping the ‘Customize this design‘ button, the below section comes up.

Here, the customer needs to select the pre-defined design by the seller or can select to provide his own design for the product.

For selecting the seller’s pre-defined design go to the ‘Our Design‘ tab else for your own design go to the ‘Your Design‘ tab.

15

After this, the customer can click on Add new custom design icon to create a design of choice or can choose to select the seller-provided template by tapping the ‘Our Design‘ tab for the product.

16

If the customer chooses to go for the ‘Your Design‘ then a pop-up appears where the customer needs to enter the template code. Here, the customer can add the template code and click on the Next button.

17

After the above step, the customer will add details of the canvas that include the height and width. After that, the customer will tap the Next button to proceed further.

18

Now, the customer will select the template design side whether the customer wants the design on both or only one side on the product and tap the Next button.

19

Now, the customer will select the image for the template and enter the name of the side and tap the next button.

20

Finally, the customer can add images, text or shapes as required and save the configuration.

Note:

From here, the customer can choose between the Predefined design given by the seller under the Our Design tab or can give its own design under the Your Design tab.

21

The customer can tap on the Preview button to check the preview. Then click on the Save Change button to save the template and finally click on Next.
23On Review Your Design page, the customer needs to give approval for the final design and a review checklist as mentioned by the admin can also be seen. Then needs to click on Next.

Now, the customer can see the customized design of the product on the product page.

24

Now, the customer can add the product to the cart and proceed to checkout.

Customer Orders

Customers can view the .zip file of the customized product under the order history for the respective order.

25 The order contains the small customized image of the product along with the .zip file of the product which contains the image of the product design as desired by the customer.

Seller’s End –  Customer Order Details

The seller will also be able to view a small customized image of the product along with the .zip file of the product which contains the image of the product design as desired by the customer.

26

Support

That’s all for the module OpenCart Marketplace Web To Print. However, if in case you need more information or require any customization, then please send us an email to [email protected]

Current Product Version - 1.3.0.3

Supported Framework Version - 2.x.x.x, 3.x.x.x

. . .

Leave a Comment

Your email address will not be published. Required fields are marked*


Be the first to comment.

Back to Top

Message Sent!

If you have more details or questions, you can reply to the received confirmation email.

Back to Home

Table of Content