The ZipWP Chrome Extension simplifies the process of creating test sites for ZipWP by providing quick-access buttons. With just a single click, you can either create a new blank site or a complete site using advanced options.
- Create New Site: Instantly navigate to
https://try.new/
to create a blank site. - Create New Site with Advanced Options: Access the advanced site creation page at
https://app.zipwp.com/create-complete-site/type?source=zipwp&medium=firstfold
.
- Download or clone the extension code to your local machine.
- Open Chrome and navigate to
chrome://extensions/
. - Enable Developer Mode (toggle in the top right corner).
- Click on Load unpacked and select the folder containing the extension files.
- The ZipWP Chrome Extension will now be available in your browser toolbar.
- Click on the ZipWP Extension icon in your browser toolbar.
- Use the available buttons:
- Create New: Opens
https://try.new/
in a new tab to create a blank site. - Create New with Advanced Options: Opens
https://app.zipwp.com/create-complete-site/type?source=zipwp&medium=firstfold
in a new tab for advanced site creation.
- Create New: Opens
The main functionality of the extension is provided by the following script:
document.addEventListener("DOMContentLoaded", function () {
const createNewBtn = document.getElementById("create-new-btn");
const createNewWithAdvancedBtn = document.getElementById("create-new-with-advanced-btn");
createNewBtn.addEventListener("click", function () {
chrome.tabs.create({ url: "https://try.new/" });
});
createNewWithAdvancedBtn.addEventListener("click", function () {
chrome.tabs.create({ url: "https://app.zipwp.com/create-complete-site/type?source=zipwp&medium=firstfold" });
});
});
- Ensure the buttons
create-new-btn
andcreate-new-with-advanced-btn
exist in your extension's popup HTML file. - This extension does not store user data or require any special permissions beyond opening new tabs.
This project is open-source and available under the MIT License.