Menu Close
    Hire us Request quote Reading list Switch to dark mode

    Magento 2 Marketplace Web to Print

    These days E-commerce merchants are driving towards the fact that personalization is a perfect way to boom the business. Hence, for creating personalized products like handbags, shoes, T-shirt etc just integrate Webkul’s web to print module into your Marketplace and sellers are all set to start their online product personalization business.
    Webkul’s Magento2 Marketplace Web to Print module is suitable for all industries and can help your customers to design and personalize products on your store as they buy them. This includes mugs, t-shirts, cards, stationery and much more. The sellers simply add the products they sell and showcase them to their customers. Thereafter, the customers will select the product they want and start designing it as per their preferences.

    Note: To use Magento 2 Marketplace Web to Print module, you need to purchase and install Magento 2 Multi-Vendor Marketplace and  Magento 2 Web To Print extension first.

    Features

    • Sellers can add new product type ie; Web To Print products that can be customized by the customers.
    • Advanced canvas tool for product customization and personalization.
    • The seller can upload fonts for the text editor.
    • The seller can add images for adding images to the product template.
    • The seller can add colors for the text, shape editor on canvas.
    • The seller can edit or define some default design for each product template.
    • The seller can create multiple templates for a single product like for front design, back design etc.
    • The customer can use the default design of the product template or edit the template as per the choice.
    • The customer can use different editors for customizing the design like an image editor, text editor, shape editor.
    • Reposition the objects with a simple mouse drag or arrow buttons.
    • Let customers upload their own images or choose an image from a prebuilt library.
    • The customer can design and view multiple dimensions of one product as set by the seller. For example: can design both the front and back of a T-Shirt.
    • Customers can design the products and preview the same before they order.
    • After successful purchase customer can download the images from order.
    • The seller can see and download the customized image template for the order in the order information.

    Installation

    Customers will get a zip folder and they have to extract the contents of this zip folder on their system. The extracted folder has an src folder, inside the src folder you have the app folder. You need to transfer this app folder into the Magento2 root directory on the server as shown below.

    After the successful installation, you have to run these commands in the Magento2 root directory:

    First command – php bin/magento setup:upgrade

    Second Command – php bin/magento setup:di:compile

    Third Command – php bin/magento setup:static-content:deploy

    After running the commands, you have to flush the cache from Magento admin panel by navigating through->System->Cache management as shown below.


    Multi-lingual Configuration

    For the multilingual support, the admin will navigate through Store->Configuration->General ->Locale Options and select the locale as German (the language into which admin want to translate his store content).

    Language Translation

    If you need to do the module translation, please navigate the following path in your system app/code/Webkul/MarketplaceWebToPrint/i18n. Now, open the file named en_US.CSV for editing.

    Once you have opened the file for editing. Replace the words after the comma(,) on the right with your translated words.

    After editing the CSV file, save it and then upload it to the same folder. Now your module translation is complete.

    Admin End

    The admin needs to navigate to Stores -> Configuration -> Webkul -> Marketplace -> Seller Product’s Settings.

    Under Seller Product’s Settings section,  enable the  Web to Print product type for the sellers. Otherwise, sellers will not be able to create the customizable products for the customers.

    Seller End

    The seller will have a Web To Print menu option in their accounts as per the below image.

    Using the sub-menu options, the seller will configure the settings for Web To Print product.

    Image Categories:

    For uploading the images for the templates, the seller first needs to create image categories. For this, the seller will click on the Image Categories option and gets navigated to the image category page as per the below image.

    Here, the seller can –

    • View the complete list of the categories.
    • Edit or delete the category.
    • Add new image category.

    For adding the new category, click on the Add New Image Category and gets navigated to the New Image Category Page as per the below image.

    Here, enter the category name and category description. Also, upload the image which will represent the category.

    Images:

    After creating the categories for the images, the seller can now upload images to the templates. For this, the seller will click on the Images option and gets navigated to the image page as per the below image.

    Here, the seller can –

    • View the complete list of the images.
    • Edit or delete the images.
    • Add new images to the categories.

    For adding the new image, click on the Add New Image and gets navigated to the New Image Page as per the below image.

    Here, enter the image description and select the image category from the drop-down. And then upload the image which will be added to that selected category.

    Fonts:

    The seller can even upload custom font files for the text editor. For this, the seller will click on the Font option and gets navigated to the Font page as per the below image.

    Here, the seller can –

    • View the complete list of the font files.
    • Edit or delete the fonts.
    • Add new fonts for the text editor.

    For adding the new fonts, click on the Add New Font and gets navigated to the New Fonts Page as per the below image.

    Here, enter the font name and then upload the font file.

    Colors:

    The seller can add the predefined colors for the template using the color codes. For this, the seller will click on the Colors option and gets navigated to the Colors page as per the below image.

    Here, the seller can –

    • View the complete list of the colors.
    • Edit or delete the colors.
    • Add new colors.

    For adding the new colors, click on the Add New Color and gets navigated to the New Color Page as per the below image.

    Here, enter the color name and color code.

    Create Personalized Products

    For creating a new personalized product for your online store click on New Product menu option.

    After this, select the product type Web To Print Product and gets navigated to the Add New Product page.

    Here, the seller first saves the product with the product basic details. Then, only the seller can view the Create Web To Print Template button as per the below image.

    Now, click on Create Web To Print Template button and the editor will be displayed as per the below image.

    Adding Template:

    To insert a new template, click Add More and the following form will appear.

    Here, the seller needs to provide the template information:

    Title – Set the title for the frontend.

    Description – Enter any description of the template.

    Base Image –  Upload the base image of the product.

    Mask Image – Upload the mask image of the product where customization can be done.

    Adding Text:

    To add a text in the template, click Text icon and edit the text as per the choice.

    The text editor has various options to customize the text – font face, bold, italic, size, color etc.

    Adding Images:

    The seller can add the images to the template. The height and width of the image can be adjusted accordingly.

    Adding Shapes:

    For adding shapes, click Shape. You can also customize the shape using fill color, border color, width, etc.

    Click on Preview button to preview the template.

    And finally, select the template which you want to display on the frontend and save the configuration.

    Frontend

    On the product page, the customers will see the Customize Product button.

    Canvas

    After clicking the Customize Product button, the Canvas editor will open. Here, the customer can customize the product images using the text editor, upload image, or add shapes to the image. The customer can choose any of the templates and customize it accordingly.

    Preview

    Once, the customer is done with the customization, the customer will save the template. And can even preview it by clicking on the Preview button.

    A pop-up window will display where the customer needs to check the declaration, enter quantity, and then click Add to Cart button.

    Shopping Cart

    After adding the product to the cart, the customer can proceed further to place the order.

    That’s all for the Magento 2 Marketplace Web To Print module. If still have any issue, feel free to contact us at  http://webkul.uvdesk.com/

    Current Product Version - 2.0.0

    Supported Framework Version - 2.2.x

    . . .

    Comments (2)

    Add Your Comment

  • Cetak Online
    I currently use asp.net to create websites for printing. Is Magento 2 included with the online design? like the website https://www.cetak.co
    • Rajat Singh
      Hi there,
      Magento 2 by default comes with the Luma theme. Also, there are many themes available online for Magento 2 and we can develop custom themes as well. For more details and further queries, please email us at support@webkul.com.
      Thanks.
  • Back to Top
    css.php
    Hire Us!
    Brief us about your requirements and we'll get back to you.
    Woo! Hooy!
    We have just received your message and our expert will get back to you shortly.
    Send Again
    Close

    Table of Content

    Hide Index