Reactor account setup
Before you can get started with Reactor, you will need to have an account setup with our service. You can begin that process by visiting our Pricing page and choosing your desired package to sign up for.
1. Install the Reactor Core Plugin on your WordPress website
Login to your WordPress website admin. Go to Plugins => Add New, and search for "Reactor Core." Install and activate this plugin. You can also download this plugin from the WordPress repository.
(Deactivate any other API plugins, such as the JSON REST API plugin, as it will conflict with Reactor.)
2. Create a new app in Reactor
Login to your Reactor account here. If you don't already have an app created, go to Apps => Add New App. Click on an app image and give the app a title, then click "Create App."
4. Add your website url
Change the website url to the WordPress website that has Reactor Core installed. Click the blue update button to save, and you're ready to go!
5. Customize your app!
Now you can customize your app design, add more app pages, and more. See the sections below for information on each customization option.
Overview of how to set things up
The first step we're going to take is creating some content for your app. For that, we are going to create some pages. Some of these pages are going to be exclusive to the app and your current website will not have access to the content.
The amount of configurable settings for the page depends on the type of page you choose. The available page types range from basic text/html all the way to media gallery from your remote site to a Google Map page. If you have set up your remote site settings for your app configuration, you'll also be able to query for content from your remote site and have the content controllable from there. It is up to you.
For more, please see the App Pages section.
Once you have created some Reactor pages, you can start creating a menu out of them and arrange them in the order that you like. Important note to keep in mind is that the first menu item in the list is going to be what is used as your Reactor app's homepage. If you have ever created a menu in your own WordPress install, the process is going to be exactly the same here. Right now, Reactor only has one available menu position per app, but if you're creating multiple apps, you will want to create multiple menus.
So far we have our pages created, and a menu ready to be used inside our Reactor app. Now we want to work with a design for it. There are two primary settings at the moment for the design used. These two are the Toolbar primary background color, and the Toolbar text color. The third setting is a textarea where you can enter and provide custom CSS. There is not a lot of information at the moment on what markup is being provided by the app, so this is pretty limited. It would be a lot of trial and error, but it'd be safe to assume for basic markup like paragraphs, unordered/ordered lists, blockquotes, and similar things like that.
More information about the App Designs can be found at the Customizing App Design page.
Last we have the actual app building process. This is what we've been working towards the whole time, and will be what goes out to the end users.
Let's click and create a new app. On the first tab, you will see some basic configurations. These include the website URL for the site you're wanting to associate with the app, which menu you want to use for the app, which design you want to use, and if you want to add iAd support.
iAd configuration is going to be done from within your Apple Developer account, and not something you configure from your Reactor admin. The app will be able to get iAd information based on the certificates provided later.
If you are needing Push Notification support, the second tab is where you will be setting and submitting all of your configuration files for the push notifications. They are disabled by default, but can be enabled at the check of a checkbox.
After that is the Build/Test tab. Here you can fill in all of the fields that will be used in association with the PhoneGap build process, including details like your app's name, description, company information, app ID/version and icon/splash screen graphics, as well as some Google account information if applicable. At the top of this page you can check a checkbox and have Reactor trigger a build for all your configuration settings. If you have set up your PhoneGap Build account credentials, Reactor will send the information directly to them, and it will be built in your account there. If you have not set that up yet, Reactor will create a zip file of all the necessary files that you can download and manually upload to PhoneGap Build. The zip file will be placed in your media library and downloaded from there.