White Label Tutorial 4: Customer Control Panel

Transcript:

Hello and welcome back! Now that you know how the Admin Control Panel works, lets move onto the Customer Control Panel, which is where you build your app. In this video I’ll take you through the steps necessary on how to do that.

How to get to a Customer Control Panel

To navigate to the Customer Control Panel:

  1. Go to the App Management section of the Admin Control Panel

    screenshot_13
  2. Click “Open” on one of the apps

    screenshot_14
  3. The Customer Control Panel should open up in a different tab

    screenshot_5

Help

screenshot_15

The Help page is where we have links to all of our help documents, articles, and videos. If you ever feel stuck for inspiration, feel free to peruse this section.

Appearance

screenshot_16

The Appearance section is where you’ll be able to change how your app looks, like the colors, design, app icons and loading screens. This is also where you can add the Home Plugin, but we’ll do this later

Media Library

screenshot_17

The Media Library is basically a storage space for all of your images. That way, you don’t have to scour your desktop to find images to use in your app — you can save them all here to be accessed at anytime.

Home Plugin

screenshot_18

The Home Plugin is where you’ll make edits to what is basically the Home Page of your app. I’ll go in more detail about this in a bit.

Plugins

screenshot_19
Plugins > Add Plugin

Now Plugins. Understanding what they are is crucial to building your app. Plugins are like individual functions or features. You can think of this plugins like building blocks to build out your app to your specifications.

screenshot_20
Plugins > My Plugins

You can add, remove, and customize these plugins to your heart’s content. The plugin section is where you can go to control which building blocks to put in your app and where to place them. We’ll come back here in a second.

screenshot_21
Plugins > Side Menu

Notifications

screenshot_22

Notifications is where you will control what push notifications to send out when your app is live. Don’t worry about this for now since at this stage, we haven’t had an app published yet.

Push Notifications: How to Use Rich Message, Action, and the RSS Feed Features

Settings

And Settings is where you can go to change account information, sharing settings, and publishing information.

Awesome! Now that we’ve quickly gone over the control panel sections, let’s get started with building out your first app.

How to Build Your App

First things first, you need to add a Home Plugin to your app. The home plugin will function as you apps home page. This will be the first thing a user sees after the load and open the app for the first time. If you go to Home Plugin, you’ll see that right now, the page is empty.

Where else did you see Home Plugin before? Oh yeah! The Appearance section! Let’s go there real quick. If you click on Select Plugin, a window will be pulled up that’s also empty.

This is because you have to first create a plugin before you can add it and after you create it, you have to add it. Remember, there are two steps to the plugin process — Create then Add. You’ll be going through these steps pretty often as you go through building your app.

Now you might be wondering — why so many steps? Why can’t I just create a plugin and have it populate automatically in my app? The answer is simple: customization and freedom of creativity.

By having our platform be a modular one like this, you simply have more control over where to put these features and how they appear to your end user

To Create a plugin, you’ll have to go to the Plugin > Add Plugin section. You’ll see a bunch of Plugins to choose from. We can get creative and make other plugins later, but for now let’s find one that will be a good Home Page. For that, we recommend the Home Page Grid Layout Plugin. that was specifically built just for this purpose. Click Add, then give it a name like “Home”.

Congratulations! You’ve created your first plugin. Now if you click on Home Plugin, you’ll be taken to an empty screen again. What gives? Well, remember — Create then Add. You’ve only just created the plugin. The system doesn’t know that you want it in the app yet, you have to tell it that by adding it. To add a home plugin to your app, go to Appearance and click on Select Plugin. Now when this list comes up, you can select the plugin you just made to be your Home Plugin.

Awesome — your app now has a home page! You can now navigate to it whenever through the Home Plugin section. But we’re still not done — your home page is lookin’ a little sparse there. Now we need to create a plugin to add it to your home page. To do that, let’s just take the same steps we took to create the Home Plugin. Go to Plugin > Add Plugin. Then click Add Plugin for any of these, name it, and click Add again. Again, we’ve just created the plugin — we haven’t actually told the system where to put it. So to add it to the Home Page, go back to the Home Plugin section and click Add Plugin Instance. Select your plugin from this list and there it is! The plugin should now appear on the Home Plugin. If you want to delete this plugin, just click on this red X here. This does not delete the plugin forever. If you go to Plugins > My Plugins, you’ll see that it is still here. All this does is remove the Plugin from your Homepage. To delete the Plugin forever, click Delete on the My Plugins page.

Now if you don’t want to do this every time you create a new app — no sweat! We have premade app templates that you can buy from us that will essentially let you skip most of these steps. Contact wlsupport@buildfire.com to learn more. For more information on our plugins, feel free to click on the Help button available in the upper righthand corner of the plugin panels. This will take you to our Knowledge Base which has tons of other helpful articles on our plugins and other features. We also have an in-depth 2-Minute Overview of the Customer Control Panel available on the Knowledge Base which should help you too.

And that concludes our video on the Customer Control Panel where you’ve learned how to build your app by creating and adding plugins. As always, if you have any questions, don’t hesitate to contact our support team at wlsupport@buildfire.com.

Watch the next video in the series here.

White Label Tutorial Videos

White Label Tutorial 1: Getting Started

White Label Tutorial 2: Admin vs Customer Control Panel

White Label Tutorial 3: Admin Control Panel

White Label Tutorial 4: Customer Control Panel

White Label Tutorial 5: Configurations

White Label Tutorial 6: App Management

White Label Tutorial 7: User Management

White Label Tutorial 8: Publishing Your App

White Label Tutorial 9: DIY Settings

White Label Tutorial 10: Previewer Plugin Tutorial

Was this article helpful?

Related Articles