Reading list Switch to dark mode

    Magento Web to Print

    Updated 6 July 2016

    Magento Web to Print module combine magento e-commerce platform with our web-to-print and dynamic imaging extension to add powerful product personalization features to your online store. From T-shirts, to rubber stamp, to online ads and business cards- you can personalize it all.

    Customer End Features

    • Customer can add text on template with different color, size,font and can also drag, rotate and resize the text and logo as well.
    • Customer can also add Logo.
    • Customer can even change template.
    • Customer can save their customized template for later purchase.
    • Customer can download PDF of their customized template.
    • Customer can directly upload their customized template and can get print of desired size.

    Admin End Features

    • Admin can upload image template like business card, cup, T-Shirt, etc.  that can be customized by customers.
    • Admin can add text on template with different color, size,font and can also drag, rotate and resize the text and logo as well(to set as default for customers).
    • Admin can upload different fonts that can be used by customers for customization.
    • Admin can define different font size and colors.
    • Admin can enable/disable the customization status for particular product.
    • Admin can add multiple customize area for particular product.
    • Module source code is completely open source no per transaction fee or paid API.

    Installation Of Magento Web to Print

    Its pretty easy you just need to move both folder (i.e. app, skin) into magento root that’s it.

    1

    After moving both the folder, flush the cache from magento admin module . Under system >  cache management.

    cache

    Searching for an experienced
    Magento Company ?
    Find out More

    Configuration At Admin End

    After successful installation of the module you will see a menu in magento admin for Web To Print as per screenshot.

    webtoprint admin menu

    As you can see there are three menus under Web To Print, let’s explain each menu one by one:

    1. Add/Manage Size: This menu is responsible for adding size for custom template.

    size grid

    For adding new size click on “Add Size”, a form opens:

    size form

    You can also delete more than one size at once.

    delete size

    On clicking “edit”, you can edit your added size detail.

    edit size

    2. Add/Manage Quantity:This menu is responsible for adding quantity detail of particular selected size.

    quantity grid

    For adding new quantity click on “Add Quantity”, a form opens:

    8

    You can also delete or change status of more than one quantity at once.

    change status of quantity

    On clicking “edit”, you can edit your added quantity detail.

    edit quantity

    3. Configuration: This menu is responsible for uploading fonts, entering template detail and enable/disable status of direct upload custom template in front.

    config detail

    Now for uploading custom template goto CATALOG->MANAGE PRODUCT->”select product for customization”

    113

    Open the product in which you want customization.

    Here you need to select Customizer Status “Enable” inside General tab for image customization in front.

    13

    Now select Add Template tab as per screenshot.

    14

    Here there are 4 steps:

    1) Select File: In this you need to select Image for customization.

    image selection

    2) Add Colors and Fonts: In this you need to enter font size comma separated, select font family and add colors for customization of text in this particular template.

    Color and Font Detail

    3) Add Customized Area: In this you provide customized area to the customer for creating text.You can resize and move the added area.

    customized area

    On clicking customized area, a panel opens in which you enter text, select font size, select font family and select color and click on OK icon to create the default text for the customer. You can rotate and drag the created text.

    18

    4) Add Logo Area: in this you provide logo area to add logo by customer.You can also provide default logo for this click on logo area and select logo image.

    add logo area

    For removing logo area click on Remove Logo Area.

    remove logo area

    Now save all these details to show template detail in front end.

    Configuration At Customer End

    If admin enables the status for directly upload custom template then an icon appear at the front end(left side of page).

    template icon

    On hovering the icon, a button appear “Click to Add Custom Template”.

    add custom template

    Click on Add Custom Template, a form opens:

    In this you need to select the price for particular size and quantity then enter template name and select the template file. Now click on Add to Cart for adding template to cart directly.

    custom template form

    Now proceed the checkout process.

    checkout

    After successful payment you can view as well as download your template.

    download or view

    On clicking download icon you can download the template.

    download

    On clicking view icon you can view the template.

    view

    For Editing the Admin Uploaded template detail open the product in which admin enable customization.

    Click on CUSTOMIZE IT button.

    customize it

    A popup opens:

    In this for knowing how to customize the template you can click on Take A Tour option

    take a tour

    Follow the Instructions given:

    step1
    step2
    step3
    step4
    tour again

    Now click on customized area for adding or editing the text. Enter text,select font size, select font family and select color and then click on OK icon to create the text.You can move, rotate and drag the created text.

    customization

    To change template click on change template button and select the template.

    change template

    To change logo their is two option to change logo

    i) from your system.

    ii) from social media site like facebook.

    You can also resize, rotate and move the logo added.

    37

    After doing all customization you need to finalize the image.

    finalize image

    Now if you wish to purchase the customized image later then add the customized image to your list.

    add to list

    For viewing your customized image list goto My Account(top right) ->My customized List(in navigation panel).

    customized list

    You can add your customized image to cart by clicking add to cart button.

    Your cart look like this:

    41

    Now proceed the checkout process.

    After successful payment you can view as well as download your template.

    download view

    On clicking download icon you can download the template.

    download

    On clicking view icon you can view the template.

    view

    Admin can also view or download the template in sales->order->”open order”.

    45

    That’s all for the Magento Web To Print, still have any issue feel free to add a ticket and let us know your views to make the module better webkul.uvdesk.com

    Current Product Version - 1.0.0

    Supported Framework Version - Magento 2.0.x, 2.1.x, 2.2.x,2.3.x, 2.4.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