# Design Online

1. Settings

&#x20;**Step 1** - Log in to your WordPress Administration Panel (Dashboard)

&#x20;**Step 2** - Click the ' **Plugins'**.

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FDmj4gMcjYU4lJqczY8ZD%2FScreenshot%202024-05-13%20at%2008.42.25.png?alt=media&#x26;token=b609ea10-9ed2-49c2-be23-b37b7f8a31f2" alt=""><figcaption></figcaption></figure>

* You need to activate 'WooCommerce Designer Pro'

&#x20;**Step 3** - Click the '**WooCommerce Designer Pro Settings**'.

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FlpJoSzeLfyAGMiOlGqzB%2FScreenshot%202024-05-13%20at%2008.49.56.png?alt=media&#x26;token=8a85df9c-9c16-4cbe-8c4b-6e275a6d444e" alt=""><figcaption></figcaption></figure>



&#x20;**Step 4** - Install demo content of the plugin.

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FpwEYOX7IwTLDmnHsjwHV%2FScreenshot%202024-05-13%20at%2008.51.19.png?alt=media&#x26;token=5be88241-6b74-4f0a-95db-8d8d57e1f1db" alt=""><figcaption></figcaption></figure>

**Step 5** - You will see the output of the above results.

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FWLzNps4MeUPUftoKhk8R%2FScreenshot%202024-05-13%20at%2008.58.57.png?alt=media&#x26;token=1d0184e1-c63f-45e2-9cdf-0d51c3311d33" alt=""><figcaption></figcaption></figure>

Step 6 - Choose the product you want to buy and choose your favorite design.

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FFvjieJjE7dGuQiJhcxf4%2FScreenshot%202024-05-13%20at%2008.58.57.png?alt=media&#x26;token=851961de-a280-42f8-9e2f-39473e4b7d29" alt=""><figcaption></figcaption></figure>

**Step 7 -** You can redesign the product you want with available support.&#x20;

* Here's an example where you can choose a color:

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FOLkUtiyGZV84gS6pjYBi%2FScreenshot%202024-05-13%20at%2009.38.20.png?alt=media&#x26;token=fb45c51f-91e2-4e98-846c-5b85a76fb953" alt=""><figcaption></figcaption></figure>

* Color , Image , Shape , Cliparts , QR code , Manage layers , My designs

<figure><img src="https://3217837788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1iTz0xqcMyaaxqYVDP9C%2Fuploads%2FIA3QAlnjpK3VlndXj22A%2Fimage.png?alt=media&#x26;token=2bfb9375-058a-4158-91ba-9c59fd4875d5" alt=""><figcaption></figcaption></figure>

* Save and Add to cart .



