Following this tutorial, you'll be able to create new pages and access to the to them from the side menu of your apps.

To do this go to your builder and select the app you want to add the pages.


1.- Write down the title you want for your page.

2.- This field is for the direction for your page. Spaces, commas or special symbols are not allowed.

3.- Here you select the type of page. Currently, there is only one type of page; we are going to improve this option in further months.

4.- Clicking on this you will add a page to your app.

5.- Clicking on this clear the previous fields.

6.- Clicking on this to edit the content of your page. A page like this is opened, learn more about how to edit the page in this article

IMPORTANT: You need to edit the content of your page to be able to see it in your app.

7.- Clicking on this to remove the page from your app.

8.- The image resources of your page will appear here, click on the trash can to delete the resource, then you'll need to remove from your page (point 6).

Now to have access from your app to your new page, we need to use the search and replace tool learn a little bit more here.

FILE: templates/app1/side-menu.html

SEARCH:

            </ul>
        </ion-content>
    </ion-side-menu>

REPLACE:

   <a class="item" onclick="window.open('privacy.html', '_self')" ng-class="{arabic_rtl: arabic_rtl}">
    <div class="icon-text">
     <span class="icon ion-document icon-primary"></span>
     <span>The text you want</span>
    </div>
   </a>
  </ul>
 </ion-content>
</ion-side-menu>


Modify this (ion-document) with the icon of your preference from https://ionicons.com/v2/


After these steps just need to rebuild your apps, Larn in this article:
help.ordering.co/ordering-builder-my-ordering-co/build-update/edit--build-apps 

Opening a page or form within the app

If instead of this you which to open a browser with any external website in app, that is also possible, this is useful to load for example forms use this in the search and replace:

   <a class="item" onclick="window.open('https://www.ordering.co', '_self', 'scrollbars=yes,resizable=yes')" ng-class="{arabic_rtl: arabic_rtl}">
    <div class="icon-text">
     <span class="icon ion-document icon-primary"></span>
     <span>The text you want</span>
    </div>
   </a>
  </ul>
 </ion-content>
</ion-side-menu>


This would look like this

For more options please check https://www.w3schools.com/jsref/met_win_open.asp

Also let me share with you this article which will show you how to create some CMS pages in a different way, efficient one.

-http://help.ordering.co/getting-started/cms-alternative-to-create-content


Also, if you do not want to do this annoying task we can do it for you, fill the next form and you will receive a quote in the next 48 hours: https://www.ordering.co/custom-pages-footer-request/


Pol Zepeda
Ordering Support

Cheers!

Did this answer your question?