brush your ideas web-to-print m2 extension - magento...extension” on your store and can also help...

USER MANUAL

Brush Your Ideas Web-to-print M2 Extension

Compatibility: Community Edition: 2.0

Table of Contents

Introduction ............................................................................................................................................ 1

How It Works? ......................................................................................................................................... 2

Back End Configurations: ..............................2

Front End Configurations: ...........................19

Front-End Features ................................................................................................................................ 20

Points to Note ....................................................................................................................................... 26

FAQs...................................................................................................................................................... 27

Technical ............................................................................................................................................... 29

USER MANUAL – Brush Your Ideas Web-to-print M2 Extension

store.biztechconsultancy.com 1

Introduction

The “Brush Your Ideas Web-to-print M2 Extension” will assists you to implement “Web-to-print

Extension” on your store and can also help you building your own store with “Web-to-print

Extension” which in turn will allow your customers to give a personalized touch to your

products using text, image, clip arts and effects.

Brush Your Ideas provides an online Web-to-print Extension for your Magento 2E-Commerce store.

Just imagine, your Magento store has a charismatic design gizmo which lets your customers, give a

personal touch to the products prior to acquisition. You don’t even need to know something backwards

and forwards of coding. It merely gets fit into your store and permits your customers to play with the

tool. That’s why it makes the shopper blissful, satisfied and convinced with fewer efforts.

“Brush Your Ideas” aims at endowing your Magento 2 E-Commerce store with an advanced designing

tool. It allows your customers to pour their ideas and customize products of their choice. The products

can be T-shirts, Mugs, Covers of Mobile and Laptop, Business card, Greeting Cards, Posters, upholstery

and the list is endless!



How It Works?

Back End Configurations:

Please follow the below steps to configure Brush Your Ideas extension.

Go to Stores ->Configuration

In the left column you will see the tab Biztech ->Product Designer.

Step 1: General Configuration

Enable: Select “Yes” to enable the extension on your store.

Enable “Design button”: Select “Yes” to display “Design it” button the Category page

below the products.

Disable “Add to Cart” button on Category page: Select “Yes” if you would not like to

show “Add to Cart” button below the products on Category page.

Fixed Price to be added for Designed Products: Enter the price you would like to charge

to your customers for designing the products.

Price per image: Enter the price you would like to charge for each image added by the

customers.

Price per text: Enter the price you would like to charge for each text box added by the

customers.

Price per custom uploaded image: Enter the price to be charged extra for any custom

image uploaded by the customer.

Image width, px: Enter the width of the image in pixels.

Image height, px: Enter the height of the image in pixels.

Page Title: Enter the text with which you want to entitle the page.

Download image type: Select the format/file type of the image for download.



Step 2: Category Products Configuration

Enable Category Products: Select “Yes” to enable the extension for Category products.

Set default category: Select the default category for using the extension.

Step 3:

Show My designs at front end: Select “Yes” to allow your customers to view their saved

designs under “My Designs” tab at front end.

Watermark: Browse the image file and upload that you would like to display as

watermark when your customers download their saved designs.

Download Design from Designer page: Select “Yes” to permit your customers to

download their designs.

Select view: You can choose the view of your design interface either from “Full screen”

or “Box view”.

Step 4: Quotes and Clip art Configuration

Enable Quotes: Choose “Yes” to permit your customers to add quotes in design.

Enable Clip art: Select “Yes” to allow your customers to add clip art images in their

design.



Set Clip art image limit: Choose “Yes” to bind the no of clip art images added in the

design.

Image limit: This option will appear only if you choose “Yes” in the above field. Enter the

digit for maximum no of images allowed.

Error Message: Type the text you would like to alert your customers for adding more no

of images than permitted. This field will appear only if you enabled the limit option.

Step 5: Templates, Shape and Masking Configuration

Enable Design Templates: Choose “Yes” to display the design templates on front end so that your customers can select the templates.

Enable shape: Select “Yes” to allow customers to select different shapes for their design.

Enable Masking: Opt for “Yes” option to enable the masking effect on your store.

Step 6: Text Configuration

Enable Text tab: You can enable/disable the option to display the text tab in design tool.

Enable Google fonts: You can display Google fonts on the front end by choosing “Yes”.

Google font list: This option will be available only if you choose “Yes” in the previous

field. You can select multiple fonts from the font list to be displayed on the front end.

Default font size: Select the font size from “12” to “60” as default.

Default font: Select the default font from the drop down list.

Set text limit: Bind the no of text objects to be added in the design by opting for “Yes”.

Text limit (Per Object): This option will be available only if you have entered “Yes” in

the above field. Enter the digit for maximum no of text objects allowed.



Error message: Enter the text to be displayed as alert to the user regarding text object

limits. This option will be available only if you have enabled the text limit option.



Step 7: Custom Image Upload Configuration

Enable Upload Custom image: Select “Yes” to let your customers upload images from

their PC.

Show instruction: Choose “Yes” if you would like to display the guidelines for custom

image upload.

Instruction text: This option will be available only if you select “Yes” in the above field.

You can enter the text to be displayed as guidelines for your customers regarding image

upload.



Set Custom image upload limit: Choose “Yes” if you would like to set the boundary for

custom image upload.

Image limit: Enter the digit by which you would like to restrict custom image upload

further. This option will appear only if you select “Yes” in the above field.

Error message: This option will be available only if you have enabled the image limit

option. Enter the text here to alert the user if the no of image uploads exceeds the limit.



Minimum size of image: Enter the minimum size of image to be uploaded in MB. Image

with size less than the specified size will not be allowed.

Ask for user's confirmation before uploading image: Select “Yes” to display alert

message for user’s confirmation before image upload.

Default guidelines: Enter the text to be displayed as image uploading guidelines. This is

a mandatory field.

Step 8: Manage Clip arts

Go to Product Designer→ Manage Cliparts. Admin can add clipart category and images

from here.Click on “Add Clipart” to add a new category.

You can add it as a “Parent Category” or nest it under any existing parent category.

You have to select the parent category from drop down list if adding a sub category.

Select the status of the clipart category from Enable/Disabled.

Browse and upload the images to be added in the clip art category.

Labels and tags can be added for uploaded images to ease out the search.

Provide the sort order in which you would like to display the images at front end.

You can exclude the images that you don’t want to display at the front end instead of

permanently deleting it.



Step 9: Manage Masking images

Go to Product Designer→ Manage Masking Images. Admin can add imagesfor applying

the masking effect.

These images are added under categories in the same way as clip art images.

Upload images for the

clip art category

It can be added as

root category



Step 10: Manage Shapes

Go to Product Designer→ Manage Shapes. Admin can add new shapes under

categories for customers to use in their design.

Click on “Add Shape” button to add images under different categories.

You can add it either as a “Root Category” or nested as sub category.

Browse and upload the images of shape with label, tags and sort order to display at

the front end.

Click on “Save Shape” and you will find it as record added in the grid.

Add category for

masking images

Uploaded files can

have label and tags



Step 11: Manage Fonts

Go to Product Designer→ Manage Fonts. Admin can add .TTF and .OTF files for the

fonts to be added.

Click on “Browse files” and look for font files you would like to add for your front end

users.

Click on “Upload files” to complete the upload process. You can enter the sort order for

each font added. It will display in the same order at front end.

Click on “Save” to keep your changes intact.

Enter the title, category

type and status



Step 12: Manage Quotes

Go to Product Designer→ Manage Quotes. Admin can add quotes under different

categories.

Click on “Add Quote”.

Enter the quote content, category and status.

Quotes category can be added from Product Designer→ Manage Quotes Category.

Browse and upload

font files



Step 13: Manage Quotes Category

Go to Product Designer→ Manage Quotes Category. You can add category to classify

the quotes.

Enter the title, status and type of the quote category.

Step 14: Manage Design Templates Category

Go to Product Designer→ Manage Design Templates Category. Click on “Add Design

Templates Category” button to add new category.

Enter the title, status and type of category in “Design Templates Information”.

Tick the check boxes against the pre-designed products to add them in the category in

“Design Templates Category” section.

Enter title, status and

type of quote



Step 15: Manage Design Templates

Go to Products → Catalog. Click on “Make Design” link in the product grid for which you

would like to make a template.

The design interface will be displayed same as the front end. Click on “Save” button

after you finish the design.

In the “Design Templates” section, enable the template category under which you want

the product’s template design to be displayed. It is mandatory.

Go to Product Designer→ Manage Design Templates. Admin can view the sample

designs altogether in a grid.

Admin can edit the design by clicking on any of the product in the grid.

The main purpose is that admin can showcase design samples which in turn helps the

customer to buy or capture design ideas.



Step 16: Manage Image Side

Go to Product Designer→ Manage Image Side. Click on “Add Image Side” button.

Enter the name of the image side i.e. front, back, right, left, etc. and set the status

“Enabled”.

The sides added here will reflect in the product edit view and on the front end

dynamically.

Step 17: Configurations for Simple Product

Go to Products → Catalog. Open any simple product in edit view, for which you would like

to enable the extension.

In the Basic Settings -> Product Details Tab, make sure “Enable Product Designer”

attribute is set to “Yes”.

Move to the Images tab; upload high resolution images for all the sides to get better

output. If you will upload low resolution images here, then the output will be of low

quality.

Click on the product to

edit the template



You need to set the design area for each side.

Click on the Edit Option on “Product Image” and “Create Design Area” pop up will show

upon the click. Edit the design area and click on “Save and Exit”.

Upload high resolution

product base image



Step 18: Configurations for Configurable Product

Go to Catalog→ Manage Products. Open any configurable product in edit view, for which

you would like to enable the extension.

In the General tab, make sure “Enable Product Designer” attribute is set to “Yes”.

Move to the Images tab; upload images for all the sides. These images will have no role

in the front end. No need to upload images for all the associated products.

Select the option for configurable attribute. For e.g.: if the configurable attribute is

“Color” and you select “Green” then the product will be displayed in green color first at

the front end.

Set design area for all the sides by clicking on “Edit Design Area” link.

In the Associated Products Tab, click any product in the edit view and it will open a new

window.

In the General tab, make sure “Enable Product Designer” attribute is set to “Yes”.

In the Images tab, just select the sides. No need to select the design area.



Front End Configurations:

The design interface will be displayed on your store as configured from the back end.



Front-End Features

Full screen view of the design area o Now the customers will get to have a full screen access to the design area where in only the

company’s logo will be displayed.

o The customers can share the design on social media.

o They can also download and save their design.

o A popup on the right side displays price of the product as per the objects used in the design.

o Buyers can add any special note before adding it to the cart.

Upload images, clip arts with masking and other image editing effects o Your customer can upload image, edit image and give masking effects to the image.

o They can also select images from the existing clip art gallery.

o Drawing tools with different colors and patterns are available.

Full screen design

area

Design Tools

Price According to

Design Area



Add Names and Numbers

o This extension provides features to add names and numbers in special fonts, size and color.

Let your customers choose from predesigned samples o Customers can select from predesigned templates which are created by admin.

o It is as easy as a click.

o The customer can easily select from the category listed.

Image editing

tools



Customer can also select from their saved designs o Customer’s designs are saved under “My Designs” tab.

o It is mandatory to sign in to select from the “My Designs” collection.

o The login link opens in the form of pop up so no need to move to another page to sign in.



Customers can change the product from design page o If the customer likes to try different product, he can select another from the design page as

well.

o Thus no need to go back to store to select another.



Layered Objects o The objects added by the customer are set as different layers.

o The object can be locked/unlocked, move forward/backward and delete.

o Thus it provides interface of Adobe Photoshop.



Customers can preview their design after finishing it up o The preview design pop up has been included in the design area so that customers can

preview the design in large area before placing the order or saving it for future use.

o Zoom in / Zoom out feature is provided in the design area that can provide clear view to the

customers.

Layers can be

accessed from here



Points to Note

You have to set Image Side first and save the product, after which only you can set design area

for the product.

To get best output of your customer design upload high resolution images for all the sides of

Product.

Masking Image must be of SVG Type.

Output image can be SVG only if the layered image (clipart / uploaded image) is SVG.



FAQs

General FAQs

1. Does it fit my industry?

Ans. Our “Brush Your IdeasWeb-to-print Extension” is developed for various industries like

clothing, signs & posters, gifts, cards and skins.

2. Does it require any customization to be used for my industry?

Ans. No, it is based on product. It will work for all simple and configurable products.

3. What if I want to install on more than one domain or development server?

Ans. On single domain purchase, we allow one live and one development domain. If you would like

to use the extension on more than two domains with single Magento installation, then you need to

purchase it for additional domains.

4. What should I do, if I have different Magento installations?

Ans. If you are likely to use the extension on domains with separate Magento installation, then you

need to purchase another copy of the extension.

5. Do you provide demo?

Ans. Yes, we do. Demo is worth a thousand words. You can view the demo details and video on our

store page.

6. Do you provide live demo (on Skype)?

Ans. Yes, you can get a personal live demo in your time zone by our expert.

7. Will this Web-to-print Extension allow me to design all kinds of products?

Ans. It will work for simple and configurable products.

8. Will I be able to upgrade it from a lower plan to a higher plan?

Ans. Yes, you can upgrade it, - by paying the balance amount.

9. Do you have a refund policy?

Ans. Yes, you can refer our refund policy @ https://store.biztechconsultancy.com/refund-

policy.htm. We stand behind the quality of our extensions with a 15 day money back guarantee.

https://store.biztechconsultancy.com/refund-policy.htm

https://store.biztechconsultancy.com/refund-policy.htm



10. Can I install or integrate your Web-to-print designer tools into my existing Magento website

myself?

Ans. Yes, you can. But the price includes installation service.

11. Can I use single design tool product for the personalization of any range of products, I offer on

my web store?

Ans. Yes. The Web-to-print Extension will work for any range of simple and configurable products.

You just need to enable the tool for each product.

12. Does it facilitate to load already designed products’ templates?

Ans. Yes, of course. The extension provides the feature in which admin can design templates for

products on the store and they can be used by customers.

13. Is your Web-to-print Extension compatible with iPad and iPhone?

Ans. Yeah, the “Brush Your IdeasWeb-to-print Extension” is fully responsive. It will run on every

smart phone and tablet.

14. Will it support the multilingual websites?

Ans. Yes, it will support websites with multiple languages.

15. Can I edit the extension?

Ans. All our extensions are 100% open source. You can customize the extension except the file

containing our license code.

16. What if I get an error message after the installation of extension Or 404 Error Page not found,

after installing extension?

Ans. No need to worry. Just log out of your Magento admin panel and login in again. If this does not

help, shoot an email to [email protected], we are ready to help.

17. May I transfer the license to another domain after I purchase it?

Ans. Yes. We charge a nominal transfer fee.

18. May I have a free trial of your product?

Ans. As per our company policy we are not providing any product on trial basis. Customer will have

to check out the product with full payment. As we offer 15-day money back guarantee on all our

products. Just in case, you are dissatisfied with your product during the 15 days of the purchase, you

can receive a full refund.

mailto:[email protected]



Technical 19. Do you provide Cliparts?

Ans. At this moment we are not providing, we provide its sample data if required.

20. Is flash required to run this extension?

Ans. No, it is not required.

21. Up to which version this extension is compatible?

Ans. It is compatible up to Magento version 2.0.

22. What would be the downloadable and saved design file type?

Ans. The designs will be downloaded and saved in .jpg or .png file format.

23. What would be the output file type?

Ans. The printable output file format is .pdf.

24. What are the image formats uploaded by customer?

Ans. Customer can upload custom images in .jpg, .jpeg, .gif, .png and .svg file formats.

25. What would be the compatible file format to upload masking images by admin?

Ans. The admin needs to upload masking images in .svg file formats.

26. Are there any restrictions for resolution of the product image?

Ans. Yes, to get high quality output, please upload high resolution product base image.

27. Why can’t I see design Area after setting design area for any product?

Ans.You have to set Image Side first and save the product, after which only you can set design area

for the product.



Contact Us

We simplify your business, offer unique business solution in digital web and IT landscapes.

Our core expertise includes:

Magento Expertise

We are Magento E-Commerce specialist!

Be it

Store Development

Customization

Integration

Maintenance

Upgradation

Contact – Mr. Maulik Shah

CEO, Biztech Consultancy

http://www.biztechconsultancy.com/

mailto:[email protected]?subject=Proposal Reply

mailto:[email protected]

brush your ideas web-to-print m2 extension - magento...extension” on your store and can also help...

Documents