Subscribe to our newsletter and get 10$ off your first order

Posted at 

September 10, 2019




What is the design page?

Before you start using the Ouidah WooCommerce Product Designer plugin, you need to set up some options. The design page is the page that will be used by our plugin to display the designer. Let us show you how to create and set your design page:

  1. The first step is to create the page where products will be customized. Click on menu Pages > Add New
    Enter your page title and then click on publish. This page is very important and compulsory. You can also choose an existing page to be set as the design page. Make sure you don’t choose any of the default pages though e.g. Cart, Store.
  2. Click on the menu WPD > Settings to access the designer settings.
    Design Page : This is the page where the product editor is located. Select the page you’ve
    created in the first step of the basic configuration.

This page is compulsory. It is where all designs are created. Without this page, the designer tool can not be displayed.

After setting this page, you can start your product creation process, and move to the creation of parts.

This completes our tutorial. If you have any questions, use the comments section to ask.


  1. Logaen

    Error: Invalid product:
    1- Is your customization page defined as homepage?
    2- Is your customization page defined as one of woocommerce pages?
    no, it’s a normal page.
    3- Does the product you are trying to customize exists and is published in your shop?
    Product? It’s the empty design page.
    4- Are you accessing this page from one of the product designer buttons?

    September 16, 2020 at 11:26 am
    • Bellarmin

      Hi Logaen,
      If you have this error message, probably you have not defined the page that will serve as the customization page or you are trying to go directly to the defined page without going through the configurable product.Thanks

      November 2, 2020 at 5:10 pm
  2. miriam

    Is there any way to display the design page in a popup window? Can i use a shortcode?

    August 9, 2021 at 5:40 pm
    • Bellarmin

      Yes, it is possible to use a shortcode to display the personalization editor. As for displaying in a modal, this is doable just that we don’t do it too much considering that there is already a lot of javascript called up on the product page and that could cause performance issues.

      August 10, 2021 at 1:09 pm
      • miriam

        Can you give me the shortcode that I would use for this?

        August 10, 2021 at 4:58 pm
        • Bellarmin

          Here is the editor shortcode [wpd-editor]
          Please make sure to turn off the “Automatically add canvas to design page” option in Settings> General
          Thank you

          August 12, 2021 at 7:50 am
  3. miriam

    Thanks – what is the shortcode to use for this?

    August 10, 2021 at 4:59 pm

Leave a comment

Your email address will not be published.