Styles without rounding
Styles with rounding
Position on the left side of the browser window
Position on the right side of the browser window
3. Copy the code and paste into .html, place files and folder in the root directory (more information below)
Choose the style of the opening button along with the style of the widget window and the position of the opening button and insert the code below in your index.html, or each .html where you want to place the widget window - before the end of the <body> section.
Also place 3 files and a folder, which you will receive after purchase, into the root directory of your website project, these are: loader.js, widget.js, widget.css and folder "background_changer".
You can check all 22 styles of the opening button and widget window by going through points 1-2-3.
4. Instruction for inserting folder containing 104 new SVG graphics! (first 04.2026)
You can perform the modification in two ways:
1. Remove from the root directory of the project the current folder "background_changer" (you can keep it in your archives, but remove it from the root directory of your website project). Place into the root directory of the website, the newly purchased folder, also named: "background_changer", that's all :)
2. From the current folder "background_changer" remove 104 x 2 = 208 graphics (each graphic has background and thumbnail, so total is 208). From the new folder you purchased, copy and paste 104 x 2 = 208 graphics into the current folder "background_changer", which you have placed in the root directory of your website project.
You also have the option to swap folders:
At any time, you can replace the current folder with your old "background_changer" folder (if you haven’t deleted it) in the root directory of your website, and vice versa. Remember, you cannot change the name of the folder you want to insert—it must always be named "background_changer".