Reading list Switch to dark mode

    CS-Cart Web To Print

    Updated 9 October 2023

    CS-Cart Web To Print->

    eCommerce has made it possible for customers to get the customized products of their choice without much effort. This allows the customer to design their products with ease and gives them the freedom to put up any design of their liking.

    Hence, for creating personalized products like handbags, shoes, T-shirt, etc. “CS-Cart Web To Print” add-on is developed.

    This add on is used to create a customized product from admin panel. It provides a unique feature to your CS-Cart store by which a customer can customize and redesign the product from the storefront.

    Customer can order the product after customizing it from the store. Admin can set the number of sides which customer can customize only on the selected area on the canvas.

    Also  customers will be able to choose from the predefined templates wherein the customer can change/alter the image, text, and layout within the template.

    Find the Best CS-Cart
    Development Company
    Find out More

    CS-Cart Web To Print Features->

    • Admin can set canvas area(height and width) where the complete canvas shown.
    • Admin can set a clip area where customer can customize the product sides.
    • Set clip position on the canvas.
    • Admin/vendor can set any product for the customization
    • Moreover has option to set any number of sides for any product where customer can customize.
    • In addition advanced back end options for admin to create a default template for each side.
    • Option to add any text, image and clip art to customize the product.
    • Also admin and customer both can download customized files after making an order.
    • The customized image will be visible in the shopping cart & other places as a product image.
    • Well integrated with MVE/CS-Cart.
    • And Easy to use and maintain for admin.

    Canvas Area:  This is the area on which a customizable template is shown.

    Clip Area:  This is the area on which the product is edit/ customize.

    Video Tutorial->

    Flow Of Installation And Configuration->

    Step1:

    After you download “CS-Cart Web To Print”, you get one zip files and the install.txt file.

    Read it carefully and follow it.

    Firstly click on the plus icon to upload the zip file. After that install the zip file.

    upload

    After installation of the add-on, you configure the settings of the add-on.

    Add-ons-Manage-add-ons-Administration-panel

    Step2:

    Now configure the settings of the add-on and enter the various fields

    1. Canvas Width: Enter the width of the Canvas in pixel. This is the area on which a customizable template is shown. Admin can set any value between 450 to 700 pixel. The default value is  450 pixels.
    2. Canvas Height: Enter the height of the Canvas in pixel. This is the area on which a customizable template is shown. Admin can set any value between 450 to 700 pixel. The default value is 450 pixels.
    3. Clip Width: Enter the width of the Clip in pixel. This is the area on which a customer can customize or edit the template. The default value is 150 pixels.
    4. Clip Height: Enter the height of the Clip in pixel. This is the area on which a customer can customize or edit the template. The default value is 150 pixels.
    5. Clip position on X-axis: Clip position from canvas template at x-axis on which customer can edit or customize. The default value is 150 pixels.
    6. Clip position on Y-axis: Clip position from canvas template at y-axis on which customer can edit or customize. The default value is 150 pixels.

    cs-cartdemo.webkul.com_stripe-payment-gateway-115-113-191-18-demo_demoadmin.php_dispatchaddons.updateaddonwk_webtoprint

    Step3:

    After configuration of the add-on, an admin can add a new product or make an existing product as a customizable product so that a customer can customize the product from the storefront as per his requirement.

    Admin can make a product as a customizable product from the product detail page.

    In the product detail page, under “Add-ons” tab, enable the setting of “Web To Print” and enter the number of sides of product which are customizable by the customer.

    Products-Products-Administration-panel-3

    Admin can map the side images by “Map Side Images” button as per his requirement to make it available for the customer to customize.

    Products-Products-Administration-panel-4

    After clicking on save, a new tab “Manage Side Templates” is displayed which helps to manage the templates of side images and to create a new template.

    screenshot_from_2023_06_13_13_10_54-1

    Admin can view the list of the customizable products from his backend.

    Go to “Marketing” and “Web To Print” and click “Products”.

    Add-ons-Manage-add-ons-Administration-panel-1

    Here you can view the list of customizable product with the number of customizable sides of products.

    Marketing-Web-To-Print-Administration-panel

    After clicking on the number of sides admin can view the sides of images. Also admin can customize the template of the side images.

    Marketing-Web-To-Print-Administration-panel-3-1

    Marketing-Web-To-Print-Administration-panel-4

    Admin can create a side image template by clicking on the plus icon. Enter the given fields as per the requirement and click on “Finalize” after settings fields and then “Create” button to create a new template.

    Marketing-Web-To-Print-Administration-panel-5

    An admin can view the list of the created template. To view the list go to “Marketing” and click on “Templates”.

    Add-ons-Manage-add-ons-Administration-panel-2

    Marketing-Web-To-Print-Administration-panel-6

    Front End View->

    At the front end, a user can see the “CUSTOMIZE” button is added after configuring this add-on. Now a customer can customize the product as per his choice from the storefront.

    Apparel-Women-s-Clothing-Trefoil-Logo-Hoodie

    After clicking on “CUSTOMIZE”, customer can view the number of sides of products available for customization by admin. A customer requires to select the side of the product which he wants to customize and click on “Proceed”.

    cs-cartdemo-webkul-com-stripe-payment-gateway-182-75-44-194-demo-index-php-dispatch-wk_webtoprint-wk_side-product_id-27

    Customize Option

    A customer can find various options to customize the product. Actually customer can add a “Text”, “Image” and set any “Clip Art” image from the given list. Also option to delete a selected part of the product, copy the text and image and option to lock and clear the text and image.

    cs-cartdemo-webkul-com-stripe-payment-gateway-182-75-44-194-demo-index-php-dispatch-wk_webtoprint-wk_customize_side-product_id-27-side_id-246

    A customer has the option to add an “Image” of his choice to the product and set a “Clip Art” image from the given list. Option to copy and delete the selected “Text” and “Image” is provided to the customer. Once the customer has customized his product he can click on “Finalize” icon to finalize the customization as given in below screenshot.

    Screenshot-13

    Click on “FINALIZE AND PROCEED” to save and finalize the customization of the product.

    cs-cartdemo-webkul-com-stripe-payment-gateway-182-75-44-194-demo-index-php-dispatch-wk_webtoprint-wk_customize_side-product_id-27-side_id-246-1

    Customers can also re-customize the already customized product.

    cs-cartdemo-webkul-com-stripe-payment-gateway-182-75-44-194-demo-index-php-dispatch-wk_webtoprint-wk_side-product_id-27-1

    Option to “RE-CUSTOMIZE” product is provided after finalizing it.

    Apparel-Women-s-Clothing-Trefoil-Logo-Hoodie-1


    View of the order of customized products at the customer end:

    Finally, after placing the order, a customer can download the customized file from the order detail page.

    Orders-Order-information-1

    Screenshot-from-2023-06-13-14-04-10


    View of the order of customized products at the back end:

    Add-ons-Manage-add-ons-Administration-panel-3

    An admin can view the list of the order of customized products at his backend.

    Marketing-Web-To-Print-Administration-panel-10

    Subsequently, admin can find the details of the order that the customer has placed for the customized product from his backend. Also admin can find the number of sides and images that needs to be customized.

    Moreover, View of printable images and text is also given in the order detail.

    Marketing-Web-To-Print-Administration-panel-9

    The admin can also download the customized file by clicking “Download Files”.

    Marketing-Web-To-Print-Administration-panel-1

    Now the admin can view the downloaded files in their device storage files as shown in below images.

    Screenshot-from-2023-06-13-16-18-28

    Screenshot-from-2023-06-13-16-18-22

    Support->

    That’s All For The Add-On, Still, Have Any Issue, Feel Free To Write Here Http://Webkul.Uvdesk.Com  And Let Us Know Your Views To Make The Module Better.

    Besides this you can explore our CS-Cart development services and Quality CS-Cart add-ons.

    Current Product Version - 1.0

    Supported Framework Version - 4.14.x - 4.16.x

    Blog Version - 4.14.x - 4.16.x
    • Version CS-Cart and CS-Cart MultiVendor 4.7.x, 4.8.x and 4.9.x
    • Version 4.14.x - 4.16.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