npm package: @selldone/page-builder
Description: Selldone in-line page builder, built with Vue3, aims to replace Webflow, Wix, and EditorX as an open-source project. It's part of the Selldone business OS platform.
Author: Mehrdad Pajuhaan
Latest version: 1.8.18

![Selldone Official Page Builder App](_docs/images/banner-page-builder-app.jpg)

<a href="https://www.npmjs.com/package/@selldone/page-builder"><img src="https://img.shields.io/npm/v/@selldone/page-builder.svg?sanitize=true" alt="Version"></a>


# Selldone ® Business OS | Open Source Page Builder

* **Mode:** 🌍 Public
* **Project Type:** Vue Components Library

🛍️ Go to the [**Full Storefront Project ▶**](https://github.com/selldone/storefront)



## Installation

To install Selldone Core in your project, use the following command:


```bash
npm install @selldone/page-builder
```
```bash
yarn add @selldone/page-builder
```

## Usage

Here's a basic example to get you started:

```javascript
import {SetupPageBuilder} from "@selldone/page-builder";

//――――――――― Page Builder (View Mode) ―――――――――

SetupPageBuilder(app, { mode: "view" });

// or

//――――――――― Page Builder (Edit Mode) ―――――――――
SetupPageBuilder(app, {
   mode: "edit",
   server: {
      uploadImageUrl: (type, model) => {
         if (type === "page") {
            // Shop landing pages:
            return window.API.POST_UPLOAD_PAGE_IMAGE(model.shop_id, model.id);
         } else if (type === "menu") {
            // Shop custom page for menus:
            return window.API.POST_UPLOAD_PAGE_IMAGE(model.shop_id, "default"); // Save in default (For menus / notifications custom page design)
         } else if (type === "popup") {
            // Shop popups:
            return window.API.POST_UPLOAD_POPUP_IMAGE(model.shop_id, model.id);
         }
         return null;
      },

      uploadVideoUrl: (type, model) => {
         if (type === "page") {
            // Shop landing pages:
            return window.API.POST_UPLOAD_PAGE_VIDEO(model.shop_id, model.id);
         } else if (type === "menu") {
            // Shop custom page for menus:
            return window.API.POST_UPLOAD_PAGE_VIDEO(model.shop_id, "default"); // Save in default (For menus / notifications custom page design)
         } else if (type === "popup") {
            // Shop popups:
            return null;
         }
         return null;
      },
   },
});
```






Selldone's Page Builder is a cutting-edge tool designed for ease of use and professional output, requiring no coding
skills or additional plugins. It's a modern solution that empowers users to create visually stunning, responsive
websites effortlessly. With its intuitive interface, users can design and customize web pages to fit their unique needs,
ensuring each page reflects their brand's aesthetic and ethos.

One of the standout features of Selldone's Page Builder is its ability to create Progressive Web Apps (PWA), bridging
the gap between web and mobile applications. This ensures an engaging, app-like experience for users on various devices,
enhancing reach and user engagement.

![Selldone Page Builder Screenshot](_docs/screenshots/selldone-page-builder-1.png)

Moreover, the builder is equipped to generate structured JSON pages. This feature is particularly significant for
leveraging AI technologies, as it allows for the automation of page building, saving time and resources while ensuring a
consistent quality of web design. This integration of AI capabilities signifies a forward-thinking approach, catering to
the evolving needs of digital landscapes.

Overall, Selldone's Page Builder is an ideal choice for businesses and individuals seeking a professional, modern, and
user-friendly solution to web creation, without the complexities of traditional web development.




---

## License

**Selldone Ecosystem License Agreement**

1. **Scope of License**: This license is granted exclusively for the use of the enclosed code (hereinafter referred to
   as "the Code") within the Selldone ecosystem. The licensee is authorized to use the Code solely in conjunction with
   services and applications that are part of, or directly related to, the Selldone ecosystem.

2. **Commercial Use Restriction**: The licensee is strictly prohibited from using the Code for any commercial purposes
   outside the Selldone ecosystem. Commercial utilization is permissible only when it is within the Selldone ecosystem
   and in accordance with the terms of this agreement.

3. **Permission for Free Use**: The Code may be used for non-commercial, free services, provided that explicit credit is
   given to Selldone. This credit must include the name "Selldone" prominently displayed on the user interface of the
   relevant service or application, along with a hyperlink to [selldone.com](https://selldone.com).

4. **No Redistribution**: The licensee may not redistribute the Code, in whole or in part, to any third party outside
   the Selldone ecosystem, unless expressly authorized by Selldone.

5. **No Modification for Redistribution**: While modifications to the Code for personal or internal use within the
   Selldone ecosystem are allowed, the licensee may not modify the Code for the purpose of redistribution outside the
   Selldone ecosystem.

6. **Termination**: Failure to comply with the terms of this agreement will result in the immediate termination of the
   license and may subject the licensee to legal action.

7. **Disclaimer of Warranty**: The Code is provided "as is" without any warranties of any kind, either expressed or
   implied, including but not limited to implied warranties of merchantability or fitness for a particular purpose.

8. **Limitation of Liability**: In no event shall Selldone be liable for any damages arising out of the use or inability
   to use the Code.

9. **Jurisdiction and Disputes**: This agreement shall be governed by the laws of the jurisdiction where Selldone is
   established. Any disputes arising from this agreement shall be resolved in the courts of that jurisdiction.

By using the Code, the licensee acknowledges that they have read, understood, and agreed to the terms of this license.

---