Tag Archives: How to build a mobile site

How to build a mobile website

Want to accomplish something on your lunch break today? You can build your mobile website! It takes less than an hour and can do wonders for growing your business. Not sure how to get started? Here is an overview of how to build your mobile website with CafePepper.  In the time it takes to read this blog post, you could be well underway. Let’s begin! :-)

Getting started on your account is easy with the following steps:

* Sign up for your free 30 day trial
* Select the plan you are interested in
* Receive a confirmation email
* Login to CafePepper

Now, you are ready to get started on building your mobile site!

Begin by entering your “site info”.
This is where all the basic information for your site goes, such as domain name, address and phone number. Additionally, this is the same page where you can enter search engine keywords and get your redirect code to point your full size website to your mobile website.

Next step – site color and style
This is where the fun begins! Here you can use the color picker to customize the colors for your mobile website. You select the colors for your site tabs, site background, content background, and font – in fact, you have full control over all the colors on your mobile site. Yay!

Next step – site links
Here you just click through the checklist of any links you want on your mobile site. Want to add a map or a link to your Facebook page? This is where that magic happens. Just be sure you have completed the address and phone number for your business in the “site info” tab and CafePepper will know what to do from there!

Now, move on to the “pages” tab in CafePepper.

You’ll notice the “Home page” is already listed as a page for your mobile website. Click on “Home” and you’ll see a mobile phone ready for you to “edit”, “view” or see the “details” of your page. There are two things you can do from the “edit” page. You can “add” new content or “edit” existing content. Go ahead and start with “add” content. (click within the sample mobile phone)

Clicking on “add” content will take you to a text editor. Here you can enter your content however you would like it to appear on your page. Once you are done here you’ll create your new content by clicking on “create”. You can continue to “edit” the page or “view” what your content looks like on your phone!

Continue adding content to your page by either clicking “add” for more content or “edit” for existing content. Clicking “add” will return you to the text editor to create new content. Be sure to hit “create” each time you are finished adding new content. If you choose to “edit” content, you will still use the text editor to change your existing content. Edit your content and hit “update”. Keep “add”ing and “edit”ing content until you are satisfied with how your page looks in the “view” of your mobile site.

Add more pages as you go!

You can keep adding pages and content by selecting “add page”. You’ll want to name your page and decide where it should fall in your website. Be sure to click “add” when you are done so CafePepper knows you are ready to add this page to your site! You’ll receive a confirmation message at the top of the “pages” screen to let you know what you accomplished.

Remember, when you are ready to add or change content on a page you click on “add” or “edit” content within the phone image and you are taken directly to the text editor. Just keep the cycle of “edit” and “view” going for each page you add until you are satisfied you’ve said all you want to say on your mobile site!

The details…

As you wrap up, you can use the “details” tab to review the details for each of your mobile site’s pages. This is where you can rename the page, if necessary. This is also where you can add page specific keywords and descriptions so the search engines can best find your mobile website.

Once you are done adding content to your site, be sure to cut and paste the redirect code provided on the “site info” tab into your full screen website so it can detect when your customers are reaching you via a mobile device.

Congratulations! You have a mobile site powered by CafePepper. Your customers can now easily find your business from their mobile device. Be sure to pat yourself on the back… you are well on your way to driving traffic to your business and making your customers happy. YAY!