How to use the POWR Editor

The POWR Editor consists of two sections:

• Settings: The panel on the left on your Plugin's /standalone page.
• View: The preview of your Plugin on the right.

Any changes you make to the Settings should immediately be reflected in the View. In the pictured screenshot, a background color of #ecfffb was selected in the 'Background Color' setting. That color is shown in the View as the background color of the form. 

Settings Panel

The Settings are structured in a way where Design is separated from things that affect the content and the functionality of your Plugin.

Depending on the Plugin type, the first or second tab typically lets you add Content to your Plugin, such as title, form elements, product details, etc.

In more complex and feature-rich Plugins, you might also see additional tabs in which you can configure integrations for payments, display controls, etc.

The Design options are normally located in the last tab of the editing steps. All Plugins have settings that let you adjust fonts, colors, borders, and more. Plus, you'll also find an Advanced section where you can add your own CSS and JS code to your Plugin.

Plugin View

The View represents what the Plugin will look like on your website. Please note that the dimensions of your Plugin might change on your website depending on which content container you are placing the Plugin in. Content, fonts, colors, etc. should be identical to what you are seeing in the Plugin View.