KOPERASI AL-NAJAH | KOSMAS MALAYSIA
Test 1
Product are under respective categories folder. Each categories has a product inside.
Step 1 : Click on “+ Add a category”
Step 2 : Click on “New category” and put category you want
Step 3 : Click on “Cart Symbol” and give your product name
Step 4 : At Description collum put info about product. You can put picture and adjust size, color, allign for description
Step 5 : Click on “Save” after put in all info
*If you want add product, just click on “Cart Symbol” and repeat step 3 to step 5
Heading
Contact page/information about the company and social media.
Step 1 : Under contact information put info about :
- Name (Company Name, Admin Name, etc….)
- Image as cover (Size 1080×600)
- Address (Company Address)
- Description ( Info you want to put)
- Phone number (Contact Number)
- Email (Company Email, Admin Email, etc…)
- Link Website, Facebook, and Twitter. (Just copy and put the link)
Step 2 : Click on “Save” (After complete all info)
Image
You can add your facebook page in your app.
Step 1 : Visit https://findmyfbid.com/ website.
Step 2 : Copy and paste the facebook link.
Step 3 : Search for the “id”, and insert in our NAP. Then it will be working well.
Text Editor
File is a unit that contain custom page as a sub-unit.
Step 1 : Put folder name (For example, you has too much info about the car. You can make a file named “car”
Step 2 : Click on “+” symbol to make subfolder (For example “honda”, “toyota”, “BMW” and etc.
Step 3 : Put name at the subfolder (Every folder/ subfolder, you can design and assign different layouts under creation. You can make it all follow the global layout you choose under design settings. You can even put a cover image, thumbnail for each folder/subfolder to make every folder/subfolder express different feelings)
Video
Is a set that was given with certain amount of product/service for a certain amount of price.
Step 1 : Click on “Symbol +” at column Add Content
Step 2 : Put all infomation at
- Name (for example: “Peanut Butter” or “Toast”)
- Price (This field isn’t compulsory, as you can enter the price in the menu description, but it’s recommended)
- Description (Describe your menu here)
- Rules (This field isn’t compulsory. You will be able to use it to specify some conditions, for example “only available on mondays”)
- Picture ( Add a picture to describe your menu)
* This feature is similar to catalog, but design will be more simple and nice, only cons is it cannot be categorized by assign to different categories.
Button
Users can send relevant information through your company.
Step 1 : Click on “fields” all put information at (Fields are grouped in two sections, Formatting elements & Input elements)
Step 2 : Let’s check below how each fieldwork :
Formatting elements:
- Title (section, divider): use it to create contrasting title/label elements
- White space (spacer): adds a 20px space between any other field
- Illustration: adds an image in the form
- Richtext (block): creates a richtext (wysiwyg) block anywhere in the form
- Clickwrap (action, agreement): adds a checkbox which when clicked opens a modal with either a custom agreement, or the application privacy policy
Under fields
- Input elements
- Number: adds a number input with options, minimum, maximum & step increment
- Dropdown select: adds a select element with multiple options
- Radio choice: adds a radio input choice
- Checkbox: adds a simple checkbox element
- Password: adds a password text element, input text is not readable
- Text input: a single line text input
- Textarea: a multiline text input
- Pictures (images): allows user to send up to 10 images, the limit can be configured individually for each picture input, as long as the placeholder texts
- Date: simple date field, with format options & weekdays restriction
- Date & time: simple date & time field, with format options & weekdays restriction
- Geolocation (GPS): a clickwrap action, when the users check the box, its location is saved based on their current location.
Step 3 : Click on “Setting Colums” put In Recipient emails field (you can enter multiple recipients, separate e-mails with a coma)
- Enable in-app-history: with the history, logged-in users will be able to see (read-only) their submissions, sorted by date.
Step 4 : Setting at the “Result” (Under Results, you can see the answers of the users)
- You can also export the results as .CSV file and choose to exclude anonymous results and/or keep only the last entry for identified customers/users.
*Note: the history is only available for logged-in users and when the option is enabled, all submissions made when the setting is off are not saved in the user history, however they are saved in the admin results tab & sent by e-mail when configured
Divider
Allows you to insert picture through Picasa, Instagram, Flickr or upload it yourself.
Step 1 : Click on “+” Symbol at ADD CONTENT
Step 2 : Click on “Instagram”, “Flickr” or ” My Image”. But we recommended “Insert via My Images”
(Option 1) Insert via Instagram
- The gallery name is only the name displayed on the App, and is not related to the Instagram gallery. (Not Suggested)
(Option 2) Insert via flickr
- The “Gallery name” field allows you to give a name to your gallery.
- With the “Search” field you’ll be able to retrieve all photos from Flickr that are relevant to this search. (Not Suggested)
(Option 3) Insert via My Images
Step 3 : Insert Gallery Name (For example your event tittle, etc..)
Step 4 : Click on “Send your pictures”
Step 5 : Click on “Browse” ( to upload photos from your computer. You can upload several photos in the same time, just select from one folder all the photos you want to upload. It’s not compulsory, but you can enter a title and a description for all your photos)
Step 6 : Click on “Save” to save your gallery (Note be taken, one gallery is not advised to have more than 15 photos. And each photo should not be too high pixel, it will caused the loading speed of the images in App takes longer)
*Best each image pixel not more than 800.
Spacer
You can type anthing such as information about your bussiness or website link.
Step 1 : Click on “Text” (We will create the first section, which is dealing with golf. To do this, click on “Text”. A new text document appears and you can write your article in it)
Step 2 : Click on “Image” (Creating a photo gallery is as easy as realizing a text section. To do that, click on and then on “Add pictures”)
Step 3 : Click on “Video” (The creation of a video section is as easy as the creation of text sections and picture sections)
- To do that, you must create a new section, click on “video”.
- Here you have to choose the kind of video you want to integrate into your custom page: YouTube videos, Podcast videos or your own videos.
YouTube:
- Enter your research or your YouTube URL in the field. Here I enter “kosmas malaysia kl” and then click on OK. Select the video you want to integrate and then click on “Save” to save your video.
Podcast: Enter your video podcast address ( .xml format) in the appropriate field. Then click on the video you want to integrate to the info page. Then click on “Save”.
My video: Thus, to include a video, you have to write the URL address of your video in “Video URL”. Once you have written the URL address of your video, you can write a little description of it and add a loading picture.
Note: Google Drive links are not supported.
Step 4 : Click on “Address” (Have many section at Address, you can input :
Label : Put any name to refer address (for example company name, staff name, etc…)
Latitude and Longitude : To give easy to search
- You can search location at google
- Click what’s here and click a number display
- Short number is latitude and long number is longitude
Phone Number : Put contact number to customer direct contact
Display Phone : Can choose able or unable contact number
Website : Just put link website
Display Website, Address, Location Button : Just tick if you want display
Step 5 : Click on “Button” (In button have 3 option to put the information)
Step to Use Button Phone :
- Upload Custom Icon : You can design your own icon and size must be 128*128
- Label : Label refer for contact name (example company name, Sales Name, etc..)
- Phone : Contact number
Step to Use Link :
- Upload Custom Icon : You can design your own icon and size must be 128*128
- Label : Name for link (example whats app, instagram, etc…)
- Link : Just put link (example https://www.instagram.com/koperasialnajah/, etc..)
- Browser choice : you have three options
- In app browser: The link will be opened in the app. You can choose different display options for Android and iOS.
- Custom tab: The link will be opened in the app but in a custom tab of the device browser (ex: Chrome, Safari, etc…)
- External app: The link will be opened in the device browser (ex: Chrome, Safari, etc…).
Step to Use Email :
- Upload Custom Icon : You can design your own icon and size must be 128*128
- Label : Refer for email name (example Koperasi Al-Najah, Kosmas Malaysia, etc)
- Link : Just put link (example admin@alnajah.com, etc…)
Step 6 : Click on “Attachment” (file to direct upload)(exampe pdf file, png file, jpeg file)
Step 7 : Click on “Slider” (can add many picture to make a slider)
Step 8 : Click on “Cover” (big picture like web banner at website)
Step 9 : Click on ” </> Source Code” (Need to insert code to function)
Step 10 : After done input info at all, click on “Save”
*If you dont want put all info just skip a step
Google Maps
Allows you to add a link within your app.
Step 1 : Write the name of your link in “Label”(Put url address in “URL“)
- Then you have three options:
- In app browser: The link will be opened in the app. You can choose different display options for Android and iOS.
- Custom tab: The link will be opened in the app but in a custom tab of the device browser (ex: Chrome, Safari, etc…)
- External app: The link will be opened in the device browser (ex: Chrome, Safari, etc…).
You can create as many links as you want, you just have to do this process again.
Icon
This feature allows you(only admin) to create a news page with a photo and comments from users. It works like a news wall, users are able to find all the posts you wrote on it.
Step 1 : Click on “+” at “ADD CONTENT”
Step 2 :
Insert info at :
- Title : Here is the title of your News
- Date : Schedule the publication date of your news.
- Subtitle : It’s a summary of the description of the news.
- Description : Describe your news in the text editor.
- Insert a picture: Choose a picture to illustrate your news.
