APPS: Custom Page | Scoreapps

APPS: Custom Page

This functionality gives you several options for creating an information page.
You can write an article with an image, you can publish a photo gallery, you can post a video directly on this page and you can add call buttons or a link to any external website.



For example, the custom page gives you the ability to create pages like these:



Below we show you a video about the configuration of this function:


This function.

To add this function to your application go to the "FUNCTIONS" step and click on the "Custom Board" icon:





Once added you must name your new Custom Page.

Configuration

A custom page consists of independent blocks. So you can make as many blocks as you like on the same page.

Text:

By adding this block by clicking on the "Text" icon, a text editor appears where a praph and other additional functions such as adding hyperlinks.



You would find a new block like this:


Image:

Creating a photo gallery is as easy as making a text section. To do this, click on the "Image" icon



You would find a new block like this:


Video:

The creation of a video section is as easy as the creation of text sections and image sections. To do this, you must create a new section, click on the "Video" icon



You would find a new block like this:


Here you need to choose the type of video you want to integrate into your custom page: YouTube Videos, Podcast Videos or your own videos.

  • YouTube:Click on the icon of "YouTube":



    You would find a field like this:



  • You can enter a YouTube search or the link in a video directly, in the following example, enter “scoreapps" and I got this result:




    Important:To add YouTube videos, you must enter a YouTube API key in Settings> API Keys in your Editor.

    If you want to know how to create an API key for YouTube checkThis Article.

  • Podcast:Click on the icon of "Podcast":


    You would find field like this:


    Enter your video podcast address (.xml format) in the URL field.
    Then press the Enter key, you would have a small list of the videos contained in the list as shown in the picture below:

  • My Video:Click on the icon of "My Video":


    You would find the following fields:



    Therefore, to include a video, you must write the URL of the video in the "Video URL" field.

    IMPORTANT: Google Drive links are not supported.

  • Once you have written the URL of the video, you can write a small description and add a upload image. To add a upload image, click "Loading Image"and add the image you want in the size indicated in 1000 x 600 pixels.

Direction:

Thanks to this paragraph, a button can be added to locate anywhere from the user's device.


Click on the icon of "Direction"


You would find a window like this:


The mandatory field is the field of "Tag"which would be the name of the place located in that Directorate.

Botanical:

You can add a button to make a call or a button to open a website.


Click on the icon of "Botanical"


You would find the following fields:


If you want one button option can be set up, for example: if you want a call button and an email button, you must create a button of these functions.

Deputy:

Thanks to this section, you can add files to this page (e.g. PDF files, etc.)


Click on the icon of "Deputy"


You would find the following field:


Slider:

Here you can make an Imagenes Carousel in which unlike the Image section, you would only see one image and the option of sliding into another.

Click on the icon of "Slider"


You would find the following fields:



Headboard:

The purpose of this section is to add a header to Functionality

Click on the icon of "Headboard"



You would find the following fields:



It would allow you to upload a cover image or header for the page.

Code:

The purpose of this package is to add a field for inserting HTML code into your social wall

Click on the icon of "Code":



You would find the following fields:



This function allows you to customize this section of the 100% application to your liking by introducing HTML code