Menu Close
    Searching for an experienced Prestashop Development Company ?

    Prestashop Add Product with Customization Directly into Cart

    As a merchant, you should always look out for the features that help to enhance your customer’s experience. And, in the process helps you to get the sales too. As a merchant, you do know that there is very little time in making or breaking a deal. And, as an eCommerce merchant, a website is all that you have in order to represent your brand. Hence, in order to enhance features of that website, we are here with Prestashop Add Product with Customization Directly into Cart module.

    Here, you must be thinking, why website & the features matter so much? Where are the products or the services that I’m offering as an eCommerce merchant? Yes! you are right, but all those things will only matter if you were successful in stopping the customer from bouncing back. What if your potential customer bounces back after crawling through various pages? Then, there is only one thing that has the potential to stop a customer from bouncing back. And, that is none other than features. Yes, the unique features of your website.

    Check the overview of the plugin in the video mentioned-below –

    Features of the Prestashop Add Product with Customization Directly into Cart module

    • Add the product customization directly to cart.
    • No need to save the customization files first.
    • Saves time & fastens the process.
    • Show or hide the save customization button on the product page.
    • Enable or disable the customization fields when the stock management is enabled.
    • Add selectors as per your custom theme for different fields & options.

    How to install the Prestashop Add Product with Customization Directly into Cart module

    • Firstly, go to the module manager in the back office and click on ‘upload a module’.
    • After that, drag and drop the module file or select the file from the system.
    • In this way, the module installation will be successful.
    Click to upload Prestashop Add Product with Customization Directly into Cart module
    Drop or select Prestashop Add Product with Customization Directly into Cart module file
    Prestashop Add Product with Customization Directly into Cart module installed on prestashop

    How to configure the Prestashop Add Product with Customization Directly into Cart module

    After the successful installation of the module, you(admin) can now proceed to configure the module. So, let’s just dive right into the configuration part & see each option one by one.

    In the first section, there are only two options.

    • Hide Save Customization Button: This option will allow you to show or hide the ‘Save Customization’ button.
    • Disable customization fields if stock is enabled: Suppose you enable the stock management option from ‘Product Settings’ of ‘Shop Parameters’. Now, in this case, you can choose whether you want to enable or disable the customization fields. If you select to “Yes”, then your customers would not be able to fill or upload anything in the fields.

    After that, there is another section to add theme selectors. This section is particularly added for the better functioning of the module. Although the selectors are already filled according to Prestashop Classic Theme, it’s possible that it might not work correctly with your custom theme. Hence, in order to make the work easier, we have provided these fields where you can add selectors for various fields & buttons by yourself. In case, if you face any difficulty while adding selectors, please raise a ticket here. We would be more than happy to assist you.

    Configure Prestashop Add Product with Customization Directly into Cart

    Add customization fields

    In order to let your customer, add customizations to the product, you will need to add the fields for it. For this, Prestashop basically offers you to add two types of fields. The first one is the text field & the other one is the file field.

    So, just to make it clearer, I’ll explain what each of these fields are for?

    Text field allows your customer to add custom text message/information that he/she wants to convey to you. Apart from this, it can also be the text that he wants to add/print on the product.

    The file field allows your customer to add following file types for customization information.

    • PNG
    • JPG
    • GIF

    Now, let’s just see how can you add these fields to a product. To add the customization field to a product, firstly go to the edit product page at the backend.

    After that, go to the ‘Options’ section. Here, in this section, you will find a part of ‘Customization‘. Please refer to the screenshot below. Under this part, you can add multiple customization fields. Also, set their file type(text/file) & whether they will be mandatory field or not.

    Add Customization fields to the product back end

    Now, after saving the above settings, your customers can view the customization fields on the product page. So, this was all about the process to add customization field on the product page.

    Product Page View

    Earlier, the customers would need to upload the customization information & click on the ‘save customization’ button. This process used to save the customization information only. And after this, a customer must click on the “add to cart” button to add the product to cart along with customization.

    Now, after the integration of this module, customer would no longer need to save the customization first. An info regarding this displays on the product page too. (Refer the screenshot below)

    Message to add Product with Customization Directly into Cart

    Add the product customization directly into cart

    In order to add the customization to product, upload the text & images in the relevant fields. After that, simply click on the ‘add to cart’ button. No need to save them first. All thanks to this module.

    Upload the text & image in customization fields

    Now, the product will be added to the cart along with the customization.

    View product customization files

    A customer may view the files added by him/her by clicking on the button available on the cart page.

    Files added for customization

    Checkout with product customization

    To place the order, select a payment method of your choice to proceed.

    Select payment method for checkout

    Order Confirmation Page

    Customers would also be able to view customization information even on this page. Just click on the ‘Product customization‘ button available below the product name to view the files.

    order confirmation page

    Admin order details page

    The customization information is available at the admin end too.

    Admin order details page with customization info

    So, this was all about the process to checkout with the customization.

    Hide the customization button & disable customization fields

    In the earlier sections, I already explained the significance of the options available in configuration settings. So, let’s just not get into that again. Rather, let’s just see what happens when we hide the ‘Save Customization‘ button & disable ‘Customization Fields‘.

    Configuration settings of Prestashop Add Product with Customization Directly into Cart

    Following is the view of the page, when both options of configuration settings are set to “Yes“. As you may notice that there is no save customization button & fields are disabled too.

    Save customization button hidden & customization fields are disabled

    So, this was all about the Module. I hope this document will help you in checking the functionality of the module in a better way. Also, do let us know about your views in the comments.

    In case, if you are also looking for a module that will help to integrate another amazing feature, then do check out the blog.


    For any kind of technical assistance or query, please raise a ticket at or send us a mail at [email protected]

    Current Product Version - 4.0.0

    Supported Framework Version - 1.7.x.x

    . . .
    Discuss on Helpdesk

    Leave a Comment

    Your email address will not be published. Required fields are marked*

    Be the first to comment.

    Back to Top

    Table of Content

    Hide Index