OpenCart Marketplace Web To Print

• 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.
• 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.
• The customer can search images using Pixabay while designing.
• Customized template image will be generated, and shown in the cart and other places as the product image.
• The customer can add to cart the customized product.
• After successful purchase customer can download the images from order.
• The admin/seller can see and download the customized image template for the order in the order information.

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.

Step 2:

Once you have uploaded the folders, login to admin panel and then go to Extensions> Extension Installer and then upload the XML file. The XML file is in the ocmod folder under 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.

Step 3:

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

Step 4:

After that in 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.

Step 5:

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

After successful installation, tap the edit button to bring up the module configuration settings.

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

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 click on 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 customer front so that customers can search for various templates online.
• Pixabay API key- The admin can enter the API key of Pixabay account here and can even get 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 which 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 which needs to check by the customer after final design customization.
• Finalize check list-The checklist of the template which specifies the things to be checked in the design template

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

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

This brings up the section to create a new template.

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.

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

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

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

• Text : The content in text format which can be set on the canvas.
• 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

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.

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

Here, edit a product and navigate to it’s 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.

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

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.

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

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.

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

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

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

• Text : The content in text format which can be set on the canvas.
• 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

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.

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.

After tapping the ‘Customize this design‘ button, below section comes up. Here, the customer needs to select the pre-defined design by the seller or can select to give 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.

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

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 Next button.

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.

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.

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

Finally, the customer can add images, text or shapes as required and save the configuration. From here, the customer can choose between the Predefined design given by admin in Our Design or can give its own design from Your Design.

The customer can tap on the Preview button to check the preview. Then click on Save Change button to save the template and finally click on Next.

On Review Your Design, 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 which he/she can add to cart and Proceed to checkout.

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

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.

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.

Thank you for reading this doc, in case you need more information or require any customization, then please send an email to support@webkul.com