USD

 

INR - Indian Rupee

USD - US Dollar

 

USD

 

INR - Indian Rupee

USD - US Dollar

INDIA(+91)-9870284067USA(+1)-9143531684

Hire a Developer

Now You can Hire Webkul Developer and get Webkul Modules Customized as per your needs.

Magento 2 Web To Print

Write A Review

Magento 2 Web To Print: With the help of Web-To-Print extension, the customers can customize and design the products from the storefront. Magento 2 Web-To-Print extension is very 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.

Also available for Magento 1
$199.00

* Required Fields

Request Customization

Description

Details

Magento 2 Web To Print: With the help of the Web-To-Print extension, the customers can customize and design the products from the storefront. Magento 2 Web-To-Print extension is very 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. 

 Complete Features List

  • Fully canvas based product customizer
  • Admin can upload fonts for the text editor on the canvas
  • Admin can add images for adding images to the product template
  • Admin can add colors to the text, shape editor on canvas
  • New product type is used for all the customized products, for better management
  • The admin can set the Canvas width and height in pixels
  • Admin can edit the product template and add some initial design for the customizer
  • Admin can create multiple templates for single product like for front design, back design etc
  • Admin can set minimum DPI and dimensions of the images
  • Customer can edit the template in the frontend
  • Customer can use different editors for customizing the design like image editor, text editor, shape editor
  • Customized template image will be generated, and shown in the cart and other places as the product image.
  • Customer can add to cart the customized product.
  • After successful purchase customer can download the images from order
  • Admin can see and download the customized image template for the order in the order information

 What is the use of this module and why should use it?

Web To Print extension is useful for allowing your customers to customize the products. It has many use cases, a customer can design a t-shirt with a logo or add some text. The store owner can create editable templates for a mobile phone cover, where the customers can freely design them. Print and design notebook covers, catalogues, brochures, or any other printing material.

 WTP Configuration

Once the module is installed, the admin will configure the module from the admin backend panel.

Here the admin will enable the extension, set the text for declaration and instruction before adding to cart, set the canvas width and height, set the image width and height, and set the uploaded image dpi.

This will configure the module for use and you can save the module configuration settings after that.

  • Enable or disable the module
  • Enter declaration confirmation content
  • Display instruction information before
  • Add to Cart Set base and mask image dimensions
  • Set minimum DPI for the images
 WTP Configuration

 WTP Images

Under this section, the admin will be able to upload predefined images for the customized products. While uploading the images the admin has to provide certain information for the new image.

This includes the alt description of the image, upload the image itself, and set the category for the image being uploaded. The admin can also see the image thumbnail preview after uploading the image.

  • Set the Image Alt description.
  • Upload the Image having extensions - jpg, png, gif, jpeg.
  • Check the uploaded image thumbnail
  • Select the category for the image being uploaded.
  • Edit or delete any of the uploaded images.
 WTP Images

 WTP Fonts

Under this section, the admin will be able to add new fonts for the text editor. To do so the admin will have to upload the font files for the customizable product. This helps the customers to choose various font styles for the text at the frontend.

The admin can download the file extension types allowed for the fonts and can upload the same. After this, the customers can find the added fonts for use at the front end.

  • Supported extensions: ttf, otf, woff2, woff
  • Set font face label
  • Edit/delete the added fonts
 WTP Fonts

 Color Options

Under this section, the admin can create some predefined color options for the customization template using HTML or RGB color codes. You can also add the color by typing in the color name as well.

To add a color the admin will enter the Color Name and the Color Code. Lastly, click the save button to save the added color. After adding the color you can also edit or delete the created colors.

  • Set the Color label
  • Supports RBG Color
  • Code Supports HTMl Color Code
  • Edit/delete the colors
 Color Options

 Create Templates

To create a template, the admin first needs to create a product by selecting the Web to Print product type. After that, fill in all the required information for the product and then click the 'Web To Print ' button on the edit product page for the product.

The admin can create multiple templates for the customized product such as t-shirt can have front view and back view. The admin can fully customize the template using the text editor, images, and shapes.

  • Set frontend title for template
  • Upload the base image and mask image to define the editable area
  • Make a template default Add/edit or delete the template
 Create Templates

 Product Page

At the product page, the customers will find the ‘Customize Product’ button just below the 'Add to Cart' button. To customize the product click the Customize product button. This brings up the canvas editor for customizing the product.

The ‘Customize Product’ button and the canvas editor tool will only appear for the Web to Print product types.

  • Customize Product button will only appear for Web To Print product type
  • Canvas editor tool for customizing the product
  • Add the saved product to the cart for checkout
 Product Page

 Canvas Editor

Using the Canvas editor, the customers will be able to customize the product in real-time and see the changes.

There are various tools available in the Canvas to - upload images, add text, add shapes, preview the template, color options, font styles, and adjust layouts.

Apart from this, the customer can also save the changes made and can also preview the changes before adding the customized product to the cart.

  • See live changes
  • Save and preview
Canvas Editor

 Text Editor

Add text elements to the product and customize the product as you want it. Move the text inside the masked area, change size, color, alignment and more.

  • Add Customizable text to product
  • Set text size
  • Change text color using color options or codes
  • Make text bold & italics
  • Set text alignment - left, right, center
  • Select font style
  • Send text back or front
  • Add duplicate text
Text Editor

 Image Editor

The customer has two options for adding images to the customizable product, either the customer can choose the pre-defined images by the store owner or upload a custom image from his computer system by clicking the add button.

The customers can also search for the images, and change the dimension of the image.

  • The customer can browse and upload custom images
  • Change image dimensions
  • Lock image ratio
  • Duplicate the image
  • Send image to the back or front
Image Editor

 Add Shapes

Various forms of customizable shapes can be added to the product using the shapes editor. Some of the customizable shapes include a box, circle, line, arrow, and other.

You can also fill in the shapes with the background color, change the shape stroke size, lock the image, layer up or layer down the image over another image.

  • Change shape fill color
  • Change shape border color
  • Lock image ratio
  • Set border width
  • Duplicate the shape
  • Send shape in the front or back
Add Shapes

 Preview & Confirmation

Once the product gets customized on the canvas, the customer can save the template first and then can preview it. The customer will see the final image prepared with the price of the product.

The customer will accept the declaration, increase the quantity of the product if required, go through the visible checklist before finalizing the product to adding to cart for the checkout.

  • Read and Accept declaration information
  • Save the template and preview it
  • Update order quantity and add to cart
Preview & Confirmation

 Product Image

After saving the customization, the product image gets saved and displayed in the database. The admin from the orders section can download the final images for reference.

The final product images are also visible in the shopping cart to the customer as well.

  • Product image gets updated
  • Admin can download the final images
  • The customer can see the final image in the shopping cart
Product Image

 Support

For any query or issue please create a support ticket here http://webkul.uvdesk.com/

Reviews

Please Login to Write Your Review

Write a Review

FAQ

FAQS

 Frequently Asked Questions - Magento 2 Web To Print

 What all image file formats can be uploaded by the customer?
The customers will be able to upload images with jpg, png, gif, and jpeg file formats.
 
  Which file format can be used to upload the masking image?
The admin can make use of the png file format for uploading the masking image.
 
  Will I get free updates with new features for the Magento 2 Web To Print module?
Yes, we do provide free lifetime updates for our modules. We constantly work on the bug fixes and updates, please keep on checking the changelog and ask for module update.
 
 Does it support Multilingual?
Yes, the admin can translate the module into any language which the admin want to translate his store content into.

Cloud

Move to Cloud Today
AWS Free tier hosting for one year by amazon web services, for more details please visit AWS Free Tier.
In our default configuration we will provide tremendous configuration for your eCommerce Website which is fast to load and response.
Default Configuration Details of Server -
  • 1 GB RAM
  • Interactive Banners
  • 1 Core Processor
  • 30 GB Hard Disk
  • RDS or DB with 1 GB RAM
Want to know more how exactly we are going to power up your eCommerce Website with Cloud to fasten up your store. Please visit the Cloudkul Services.

Clients

Loading...

Specification

Loading...

Customization

Module code is completely open that means anyone can customize the code as per his / her need , as the developer of the module we also provide customisation and development of the module please contact us for module customisation (Paid Service)
Name*
Email*
Re Enter Email*
Paste is disabled
Phone
Description*

Changelog

  • + Features
  • - Bugs
Version 2.0.2
  • + Added textPath functionality for SVG strings
  • + Added rotation functionality to elements that will be added on canvas
  • + Zoom functionality modified via a slider
  • + Added product price on canvas customization page for customer view
  • + Added weight attribute to web to print product
  • + Admin can set the canvas size
  • + Fixed some issues
Version 2.0.1
  • + Compatible with magento2.2.x
Version 2.0.0
  • + Fully canvas based product customizer
  • + Admin can upload fonts for the text editor on the canvas
  • + Admin can add images for adding images on the product template
  • + Admin can add colors for the text, shape editor on canvas
  • + New product type is used for all the customized products, for better management
  • + Admin can edit the product template and add some initial design for the customizer
  • + Admin can create multiple templates for single product like for front design, back design etc
  • + Admin can set minimum DPI and dimensions for the images
  • + Customer can edit the template on the frontend
  • + Customer can use different editors for customizing the design like image editor, text editor, shape editor
  • + Customized template image will be generated, and shown in the cart and other places as product image.
  • + Customer can add to cart the customized product.
  • + After successfull purchase customer can download the images from order
  • + Admin can see and download the customized image template for the order in the order information