USERGUIDES
Online Product Designer Plugin for WooCommerce WordPress

About product NEXT

Author             Netbase Team

Visit us            WordPress Online Product Designer

Changelog      Click to view

Support          @Support Service ; @CMSMart Community

License           GLPv2

Highlight feature NEXT

ADD TEXT AND CURVED TEXT

Shopper can add text with various colors, fonts, and sizes. Especially, they can curve text in their design and edit anything of text as shadow, pattern, rotate, opacity, outline, line height, background, etc.

  • Any text and font are available for your choice.
  • There are plenty of fonts being included in Font Category, shopper can find it by pressing ‘More button’.
  • Font style includes italic, bold, underline with full type of alignment such as left, center, right or justified.
  • Font color is varied.
  • Text background is available and changeable.
  • Text pattern is available.
  • Creating text shadow according to dimension X or Y. Shadow blur, opacity, shadow color also can be changeable.
  • Line height, font size and opacity are changeable.
  • Outline’s color and size are changeable.
  • Text layer can be measured.
  • Text can be turned, curved or rotated/reversed.
  • Spacing is changeable.
  • Default style such as arc, straight, small to large, large to small top, large to small bottom is changeable.

ADD ART FEATURES

  • You can add art, change colors, move, resize, rotate and delete art, flip, center function and so on
  • Art’s color can be customized.It not only give an easy way to manage color but also allows customers to change color of each part on this image
  • Art can be rotated and changed its opacity.
  • Art can be zoomed in or zoomed out.
  • Art can be moved or deleted.
  • Multiple arts can be added.

UPLOADING IMAGES

  • If shopper don’t satisfied with sample picture, they can upload images as they want. They also can select from different many sources as Facebook or enter image’s url.
  • Picture can be uploaded from local, url or social network such as Facebook.
  • Temporarily saved uploaded files for later use.
  • Uploaded file is typed as PNG, JPG, GIF. Its maximum size can be adjusted in backend.
  • Art can be zoomed or rotated.
  • Creating text shadow according to dimension X or Y. Shadow blur, opacity, shadow color also can be changeable.
  • Picture’s opacity can be customized.
  • Four types of quick-changing picture are available.
  • Picture can be turned via tool.
  • Picture crop styles are varied such as crop tool, lasso tool, heart shape, round or star shape, etc. The picture can be reset back to its origin.

FREE-HAND DRAWING

  • Especially, you also can use many available brush to draw, you can create your own signature.
  • Drawing brushes such as pencil, circle, spray, pattern, square, texture are available for different choices.
  • Brush and brush width color can be changed.
  • Add available geometries as rectangle, circle, triangle, line and polygon. And can change color, rotate, opacity.
  • Picture can be turned or zoomed.
  • Picture’s opacity can be customized.

ADD QR CODE

  • You can create QR code and then add to your design
  • Text or QR codes can be added into picture.
  • Picture can be zoomed.
  • Picture can be moved or rotated.

POWERFUL LAYERS

  • Drag and drop to sort layers and change layers of items
  • Layer position can be dragged to different positions.
  • Layer(s) can be deleted partly or entirely.
  • Scroll can be created when multiple layers exist.
  • Certain buttons are used to quickly change layer’s position.
  • Layer can be displayedor hided easily.

POWERFUL HELP TOOL

  • More tools are included extension asnext, zoom in, zoom out… All buttons are arranged clearly for convenient use.
  • Double player
  • Next to the left, right, up or down
  • Layer can be reversed from left to right or from above to below.
  • Vertical align, horizontal align
  • Layer can be zoomed.
  • Layer can be deleted.

EASY PREVIEW WITH ZOOM FUNCTION

  • After designing, you can preview it with zoom and view function
  • Review all design.
  • Zoom in for details.
  • Popup full screen.

OTHER FEATURES OF WOOCOMMERCE ONLINE DESIGNER

  • Easy to use. Shopper can easily use this product, it is very friendly with customers, and special it is very simple to use.
  • Compatible with WooCommerce. This plugin is an extension of WooCommerce plugin that allows your users to design products easily
  • 100% responsive and mobile friendly. You can design on any device as desktop, tablet or mobile
  • Various fonts. There are many fonts are included in this product. Admin also can add more fonts if they want
  • Easy manage products with online design. Products with online design on Front-end will be add on checkbox to distingue with Product without online design
  • Flexible config. You can set size upload, preview thumbnail size, thumbnail quality, show customer design in cart, show customer design in order, admin notifications,….
  • Easy view detail design of customer. After customer design, admin can view detail design of customer in order management page in backend
  • Accept or decline design and send email. After receiving your design, Administrator will consider and send an email notification to customersto inform that their design is accepted or rejected.
  • Customer design again easily. If your design is rejected, please go to your account to design again. You can design until approving.
  • Power helpdesk. The customer can easily design with power helpdesk.

System requirement NEXT

Your site must be running on WordPress 3.1 or higher, PHP5.3 or higher, and MySQL 5 or higher.

Recommended PHP Configuration Limits: many issues that you may encounter, for example, cannot update new version, cannot login admin Online Designer, the selected product shows blank and so on…All these issues are related to low PHP Configuration Limits. The solution is to increase the PHP. You can do this by yourself or ask your website admin.

Please make sure that your server is supported:

fix_pathinfo = 1

allow_url_fopen = on

upload_max_filesize = 100M

Server supported JSON

Note: This is step by step you can check environment requirements:

Create file info.php

Add content to this file:

<?php echo phpinfo(); ?>

Upload to your host folder-your-site/info.php

Open link yoursite.com/info.php and check all options.

If your server does not support you, please call to host manager and ask for support.

How to installation NBDesigner plugin? NEXT

WordPress Online Product Designer plugin helps you build a website to allow customers to design or customize shirts, business cards, phone case, and any other printing products before placing order. You will know which products are more by clients.

Option 1: Upload installation package

Video Tutorial

 

How to install Woocommerce product designer plugin - way 1?

 

Option 2: Install package via wordpress.org - Download Online Design

Video Tutorial

 

How to install Woocommerce product designer plugin - way 2?

How to uninstall NBDesigner plugin NEXT

 

See the video below to know How to uninstall Online design plugin!

How to uninstall Woocommerce product designer plugin?

How to use Woo-Commerce Product Designer plugin in Back-end NEXT

To make it easy for customer installing the available features, we would like to introduce the installation process: Easy to use and convenient

1. NBDesigner setting

1.1. License key

Go to NBDesigner -> Settings to get license key!

Video Tutorial 

See the video below to know How to get the license key! 

How to add license key for Woocommerce product designer plugin?

Note: You can use pro version with full features by click Upgrade Pro version link.

Video Tutorial 

This is video on how to get license key and upgrade pro version!

How to add license key for Woocommerce product designer plugin

1.2. General tab

See the video below to know How to setting!

How to manage general setting in Woocommerce product designer plugin?

1.3. Appearance tab

 See the video below to know How to Appearance tab!

How to manage Design tool tab in Woocommerce product designer plugin?

1.4. Design tool tab

  See the video below to know How to setting Design tool tab!

How to manage Design tool tab in Woocommerce product designer plugin

1.5. Colors tab

See the video below to know How to setting color tab!

How to choose color for Woocommerce product designer plugin

1.6. Upload Design

 See the video below to know How to upload design!

How to customize Upload setting tab for Woocommerce Product designer plugin

1.7. Output


2. Product management

Go to NBDesigner -> Products

This is the place to manage only products that it configured online design.

3. Cliparts management

 See the video below to know How to set Cliparts management easily!

How to manage and add new clip arts with Woocommerce Product designer plugin

4. Fonts management

Video Tutorial 

See the video below to know How to set Fonts management easily!

How to manage and add new font with Woocommerce Product designer plugin?

5. Frontend translate management

See the video below to know How to set Frontend translate management easily!

How to customize Language for Woocommerce product designer plugin?

6. Enable online design for products

See the video below to know How to set NBDesigner for Product!

How to create online design for products with Woocommerce product designer plugin?

7. Order management

Video Tutorial

See the video below to know How to edit order management!

With this tutorial you can:

  • View orders have been placed
  • Export and download designs in formats (PDF, JPG)

How to manage order with Woocommerce product designer plugin?

8. More features

  • Show all admin’s default templates into any page

  • Add product design widget on the sidebar. When customer saves their design, suggest that design for the related products on the sidebar.

9. Create template

Video Tutorial 

How to create template with Woocommerce product designer plugin?

 

How to use Wordpress Online Design plugin in Frontend NEXT

The end user will easily implement the design version she/he likes with our useful and easy-to-use feature. Besides, we also provide many tools to help user get the quick steps to achieve the wanted features.

1. Design product

Create template.

How to create a template with Woocommerce product designer plugin?

 

Insert and edit text.

How to insert text in Woocommerce product designer plugin?

 

How to change color of text in Woocommerce product designer plugin?

 

How to change font in Woocommerce product designer plugin?

 

Insert and edit clipart.

How to search clipart in Woocommerce product designer plugin?

How to insert clipart with Woocommerce product designer plugin?

How to change the color of clipart with Wocommerce product designer plugin?

 

Insert and edit image.

How to insert photo in Woocommerce product designer plugin?

 

Insert and edit element.

How to insert shapes in Woocommerce product designer plugin?

How to change color of shape in Woocommerce product designer plugin?

 

How to insert icon in Woocommerce product designer plugin?

 

How to insert the customize drawing in Woocommerce product designer?

 

4.2. Check the design

Go to your count -> view order

Click on order number to view detail.

  • If display notification “Rejected! Click here to design again!”, the customer will design again.

  • If display notification “Approved!”, the customer’s designs are accepted.

How to config Print pricing option on NBDesigner? NEXT

How to Print pricing option on NBDesigner? 

We hope you find a guide helpful. Now you can easily change the Admin panel Logo. If you want to experience our product, please access the link: 

https://cmsmart.net/wordpress-plugins/woocommerce-online-product-designer-plugin?layout=demo#pages

How to configure Area design shape and where does it display? NEXT

Web to Print Online Designer is a powerful design tool which helps customers customize multiple printing products, create a complete solution for printing business.

With customizable products collection, customer can get a vast artwork gallery with flexible custom options like clipart, Google font, color, style and so on. The user also add text & number or personalized image. Online product designer simplifies a creating product process, suitable for all kinds of customers.

How to configure Area design shape and where does it display? 

We hope you find a guide helpful. Now you can easily install Online design plugin. If you want to have more experience our products, please access the link:

https://cmsmart.net/wordpress-plugins/woocommerce-online-product-designer-plugin

How to create Bulk variation table with printing option attribute? NEXT

Web to Print Online Designer is a fantastic item from Netbase team. It has been released to respond the gap that lies between fashion shows and digital and social media era. We believe that with this plugin, you can take customers go along with your business and enrich the loyalty as well as increase brand awareness.

How to create Bulk variation table with printing option attribute? 

We hope you find a guide helpful. Now you can easily install Online design plugin. If you want to have more experience our products, please access the link:

https://cmsmart.net/wordpress-plugins/woocommerce-online-product-designer-plugin

How to configure Color and where does it display? NEXT

Web to Print Online Designer is a fantastic item from Netbase team. It has been released to respond the gap that lies between fashion shows and digital and social media era. We believe that with this plugin, you can take customers go along with your business and enrich the loyalty as well as increase brand awareness.

How to configure Color and where does it display? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to configure Custom demention and where does it display? NEXT

Web to Print Online Designer is a fantastic item from Netbase team. It has been released to respond the gap that lies between fashion shows and digital and social media era. We believe that with this plugin, you can take customers go along with your business and enrich the loyalty as well as increase brand awareness.

How to configure Custom demention and where does it display? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to configure Custom sides and where does it display? NEXT

The design tool is easy to install and provide final outcome in printing process. Come with many ideal features, this plugin enables the users to showcase unique ideas and make an awesome design through smooth clickable options like rotating, dragging and flipping of text & picture.

How to configure Custom sides and where does it display? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to display the default price table visually? NEXT

Web to Print Online Designer is a fantastic item from Netbase team. It has been released to respond the gap that lies between fashion shows and digital and social media era. We believe that with this plugin, you can take customers go along with your business and enrich the loyalty as well as increase brand awareness.

 

 We hope you find a guide helpful. Now you can easily install Online Design plugin. If you want to have more experience our products, please access the link:

https://cmsmart.net/wordpress-plugins/woocommerce-online-product-designer-plugin

How to configure DPI and where does it display? NEXT

This is the powerful tool of Web to Print stores. It is very useful for both printing shop owner and their customers. The free Media library is available on WooCommerce Online Designer Plugin and printing function are the outstanding features compare to our competitors. NBdesigner is built for all type of printing company which help customers draw their idea in the fastest way.

How to configure DPI and where does it display? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to configure Orientation and where does it display? NEXT

With customizable products collection, customer can get a vast artwork gallery with flexible custom options like clipart, Google font, color, style and so on. The user also add text & number or personalized image. Online product designer simplifies a creating product process, suitable for all kinds of customers.

How to configure Orientation and where does it display?

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

 

 

How to configure Size and where does it display? NEXT

With customizable products collection, customer can get a vast artwork gallery with flexible custom options like clipart, Google font, color, style and so on. The user also add text & number or personalized image. Online product designer simplifies a creating product process, suitable for all kinds of customers.

How to configure Size and where does it display? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to create Price Matrix table with Printing Option’s attribute? NEXT

With customizable products collection, customer can get a vast artwork gallery with flexible custom options like clipart, Google font, color, style and so on. The user also add text & number or personalized image. Online product designer simplifies a creating product process, suitable for all kinds of customers.

How to create Price Matrix table with Printing Option's attribute? 

If you need any help figuring out please feel free to Contact us https://cmsmart.net/ and we will be happy to help.

How to setup Visual Design editor layout in Woocommerce product designer plugin? NEXT

We have just updated a new Visual layout which customer have more choices for their products. Customer can design online on the product detail page and Admin can set it for all products

How to setup Visual Design editor layout in Woocommerce product designer plugin? 

How to Use global template store in Woocommerce product designer plugin? NEXT

How to Use global template store in Woocommerce product designer plugin? 

How to create Component in Product builder of NBDesigner? NEXT

You don't need to choose many attributes with many clicks, just 1 click to choose all attributes, save huge time. Images will be displayed as your choice. You can create a component, add an icon for the component, create attributes for each component, create sub-attributes for attributes, add images for attributes. Easy setting in General and Product builder tab

How to create preview builder for your product? NEXT

We provide you a product's component, you can edit to suitable for your purpose before providing it to your customers. It brings customers convenience and gets requests from customers easily 

—————————– Thanks for your following ——————————


Top
×
Welcome to Cmsmart community!
→ Do you know the secret to create a printing site in a few minutes?
→ What is the latest technology of Online Design 2019?
→ How to start a marketplace site without any trouble?
Join over 19,890+ readers as well as happy customers to open the successful key for your e-commerce business.