Swing2App Manual
Help CenterFAQContact UsBuild an app
  • Swing2App
  • Swing2App Update
  • FAQ
    • FAQ(Frequently Asked Questions)
      • Frequently Asked Questions (FAQ)
      • App Creation FAQ
      • App Operations & Features FAQ
      • App installation and download FAQ
      • Registration and Login FAQ
      • App Preview FAQ
      • Swing Shop FAQ
      • Billing FAQs
      • Paid App Passes & Tickets FAQ
      • Paid usage and uploading FAQ
      • Unlimited Usage and Package FAQ
      • Push sending FAQs
      • PlayStore FAQ
      • App Store FAQ
      • AdMob FAQ
      • Affiliate Program FAQ
      • Customization FAQ
  • Manual
    • App production manual (V3)
      • Start App Creation With MakerV3 Screen
      • Manual on How to Create an App In MakerV3 Screen
      • STEP1 Basic Information
      • STEP2 Prototype
      • STEP3 Page
        • How to Create a Home Screen For an App
        • Registering a menu icon image
        • How to use: Menu Exposure Settings
        • Set menu settings: Access permissions
        • Page Design - UI KIT
        • Page Design - eStore Page
        • Page Design - eStore Deals
        • Page Design - Product Category
        • Page Design- Page Templates
        • Page Design - Image Page
        • Page Design - HTML Editor
        • Page Design - Sign Up, login & Settings Page.
        • Page Design - Search Posts Page
        • Page Design - View Favorite Page
        • Page Design - View Coupons Page
        • Page Design - Share Your App Function
        • Page Design - App Introduction Page
        • Page Design - Admin Chat Page
        • Page Design - Chat List Page
        • Page Design - Surveys Page
        • Page Design - View My Posts Page
        • Page Design - Attendance Check Page
        • Page Design- Web Link
      • STEP4 Complete App Creation
        • How to create an additional app
        • How to update an app
        • App launch screen by update type
    • App production manual(V2)
      • App basics
        • Guide to create an app
        • App Update Type And Method
        • App Launch Screen Update Type
        • Push or WebView version creation method (super simple app creation)
        • WebView App Manual(production and operation)
        • Push App Manual(production and operation)
        • Remove Push App Toolbar
        • App Production
        • Guide to create App Icon Image
        • Guide to Create an Idle Screen Image
        • Image Editing Tool
      • Design Theme
        • Prototype UI Design
        • App Main Design Style
        • App Navigation Styles
        • Applying Slide Prototype
      • Page Menu
        • Page Menu – Main Menu Management
        • Creating an App Home Screen
        • How to use Web Link
        • Home screen: Applying App Introduction Page
        • How to use file attachment
        • How to use the image attachment
        • How to use Product category
        • How to use Weblink-linkeditor
        • How to use User Page
        • How to create an Image Page
        • How to create a web template page
        • How to create HTML editor page
        • Swing2App Page – Signup, Login, Settings
        • Swing2App Page – Search Post
        • Swing2App Page – View Favorites
        • Swing2App Page – View Coupon
        • Swing2App Page – Share App
        • Swing2App Page – App Introduction
        • Swing2App Page – Admin Chat
        • Swing2App Page – How to read my article
        • Swing2App Page - Survey
    • App Production Application TIP
      • Sending a push using the push API
      • Insert GIF image
      • Create a Flash style home screen
      • Change App Loading Icon
      • Set device mode (switch app screens)
      • How to use the app review button
    • App operation manual
      • Bulletin board management
        • Create a bulletin board
        • Bulletin board type, design style
        • Bulletin Board – How to Enter Posts
        • Bulletin Board – Post Schedule Settings
        • Set post detail options
        • Bulletin Board – How to Attach Files
        • Register video post(how to register a video)
        • Bulletin Board – How to Attach Music Files
        • How to enter post comments and comments
        • How to set up Bulletin Board Permission
        • Bulletin board authority setting
        • How to create a Form in Bulletin Board
        • How to write a bulletin board
        • How to use the list screen and creation screen
        • How to set up a bulletin board post alarm
        • Set Up a Board Administrator
        • Google Map Bulletin Board
        • Google Map Bulletin Board Advanced setting
        • HTML Editor Writing
        • Report and manage posts
        • Block posts
        • Create bulletin board by membership level
        • Bulletin board thumbnail image registration
        • Search Post Functions
        • Post Management Options
        • How to use the bulk registration bulletin board
        • Copy Bulletin Board
        • Copy Post
        • Move a post
        • How to delete bulk posts
        • Group Chat
        • Create a Secret Bulletin Board (1:1 Customer Service)
        • Create a link for a post
        • How to Use Calendar
        • Calendar Application - How To Use
        • How to create and register a stamp
        • Stamp application: Issue coupons upon completion of stamps
        • How to use the bulletin board header
        • Using 2 hash-tags Options
        • How to use hashtag search option
        • Download Posts
      • Service management
        • How to use Pop-up
        • Check-ins
        • Surveys
        • Resource Management – Capacity Management
        • Coupon Management: Create and Issue Coupon
        • How to use Admin Chat [1:1 Chat]
        • Chat Administrator Page – Chat List
        • Chat Administrator page – Chat settings
        • How to use chat list
        • Unified Notification Settings
        • App Policy Management – App Subscription Policy
        • App Terms of Use And Privacy Policy
        • App Policy Management-Membership Form
        • App policy management – How to set up a membership completion message
        • Membership Form-ID Setting
        • App Terms and Conditions, Privacy Policy
        • Create a Private App
        • App string management
        • Link Wizard
      • Push & Member Menu
        • Send push
        • Send Push from Push Version App
        • Push Posts
        • Display messages after getting push notifications
        • Delete or Mark as Read Push Notifications
        • Push history
        • Member Inquiry - Check Member Information
        • Member Inquiry - Setting up an Associate Administrator
        • Member Inquiry - Create User Account
        • Setting up an App Administrator
        • Permission Group Settings-Membership Rating
        • Admin Screen: Change App member's name
        • How to use Push device management
      • Analytics
      • Version control
        • Version management-App production and market registration history
        • How to apply for App Store Upload
        • How to apply for Google Play Store Upload
        • How to apply for a mobile web upload
      • Payment
        • Introduction of paid products and payment methods
        • Payment-How to use my payment status
        • How to Use 1000 SMS Tickets
        • WebView Lifetime Paid App
        • PushOnly Lifetime Paid App
        • How to use mobile web registration
        • Budget package
        • AdMob Power Package
        • Large Storage Packages
        • Online Stores – Coupon
      • Full Search Function
    • SwingShop
      • Apply for Swing Store
      • Swing Store Product Type
      • Introduction of pages provided by Swing Shop
      • How to Apply a Swing Store Menu to your App
      • Swing Shop - Shopping Mall Main Page How to Use
      • Shopping Mall Main Page Slide Image
      • Store Management - Basic Information Settings
      • Store Management - Shipping Management
      • Product Management - Set how to receive goods
      • Product Management - Product Category Registration
      • Store Management-Policy Settings
      • Product Management - Physical Product Registration
      • Product Management - Digital Products: PDF File Registration
      • Product Management - Digital Products: Video Files Registration
      • Product Management-Digital Products: Authorized Sales
      • Product Management-Digital Products: Coupon Registration
      • Product Management-Reservation system product registration
      • Product management - Reservation system, Time reservation product registration
      • Product management-Reservation System Operation TIP
      • Product Management - Product Post Management
      • Product Management- Product Inquiry, Reservation Product Inquiry
      • Product Management - Product Exposure Management
      • Order Management
      • Reservation Order Management
      • Store Statistics
      • Swing2App Page-shopinfo
      • Swing2App Page-Search
      • Swing2App Page - Category List
      • Swing2App Page-mypage
      • Swing2App Page - Cart
      • Swing2App Page-digital products
      • Product Modification - Modify a registered product
    • Affiliate program
      • How to apply for affiliate program
  • Web App - Webview, Push
    • Web App - Webview, Push
      • Swing2App WebView App
      • Swing2App Push App
      • webview app manual
      • Pushapp manual
      • How to create a push app or webview app easily
      • Push-app toolbar
      • How to use the first run address in webview and push app
      • WebviewApp basic settings and advanced setting options
      • Push App Toolbar - Introduction: How to Use and Functions
      • Registering a Push Notification Icon Image
      • Progress Bar Color Settings
      • Remove progress bar (not in use)
  • App Guide
    • How to use Swing2App Preview
    • Application operation
      • How to convert and use paid apps.
      • How to install APK file on your phone
      • How to install apps by sharing
      • Free app conversion method after Paid period ends/expires
      • Download the app after accessing the mobile Swing2App site
      • Download the app using the app installation link address
      • If you can not install the free version of the app (APK file), please check!
      • If you can not install the paid version app (APK file), please check!
      • Find App Password
      • Registering and changing your app profile picture
      • How to re-register with the same ID after leaving the app
      • Share app
      • App – Share your Bulletin Board Posts
      • How to use the App Administrator menu
      • App Administrator menu: Chat
      • App Administrator Menu: Registering Stamp
      • App Administrator Menu: Use Coupon
  • STORE
    • Play Store
      • How to create a Google Developer Account
      • Create a Google Developer - Business Account
      • Google Developer Account Identity Verification
      • Launching Play Store App
      • Setting up Play Store app auto-updates
      • Transfer your app to another developer account on the Play Store
      • How to change the name of Play Store Developer
      • Delete Play Store app
      • How to use Google Help Center
      • Issuing Google Maps API Key
      • Invite a Play Store Developer Account
      • How to get app updates released on the Play Store
      • Launch the Play Store Private App (Alpha release)
      • Check Play Store App Installs
      • Reply to Play Store app reviews
      • Play Store Developer Page
      • Play Store prior notice
      • Linking Play Store Privacy Links
      • Play Store App Search TIP
      • How to restore Play Store app
      • Update the Play Store App
    • App Store
      • App Store Apple Developer Account Registration
      • Check app store app downloads
      • How to use the App Store Customer Center
      • Delete apps from the App Store
      • AppStore App Rejection Cases
      • App Store TestFlight
      • How to invite Swing2App account on App Store Connect and share information on App Store Upload form
    • AdMob (Google AdMob Ads)
      • Admob Banner Ad Frequency Settings
      • Admob Operation Precautions
      • How to apply AdMob plug-in
      • AdMob Plug-in check
      • What is AdMob plugin setting?
      • How to join AdMobs, create an Ad Unit ID
  • Developer Document
    • Server Side API Specifications
      • Sending a push notification By API
    • Webview (Webview, Push only) Development tool
      • Implementing Google and Facebook Login in WebView
      • Website Member Integration Guide
        • Wix Website User Integration Guide
        • WordPress Website Member Integration Guide
      • Javascript API Documentation
  • Policy
    • Store Policy
    • Limit on the Number of Devices for Free User
    • Swing Store Terms and Conditions
Powered by GitBook
On this page
  • 1. Home screen - Apply image
  • 2. Apply bulletin board
  • 3. User Page – Apply Image Page
  • 4. User Page – Apply a web template page
  • 5. User Page – Apply HTML Editor Page
  • 6. Apply the App Introduction Page
Edit on GitHub
  1. Manual
  2. App production manual (V3)
  3. STEP3 Page

How to Create a Home Screen For an App

Last updated 1 year ago

Varieties in which you can create a home screen for an app

1. Apply an image

2. Apply bulletin board

3. User Page - Image Page

4. User Page - Web Template

5. User Page – HTML Editor Page

6. App Introduction Page

*Please do not apply web links (websites) to your home screen. If you wish to connect the website with the home screen then please create it in a webview or a push-only prototype and not in a regular prototype.

Home screen creation can be created by selecting the HOME button → the HOME screen setting → the STEP3 page → the App Maker Maker.

You can create a screen by choosing from the different features that come with the page design.

1. Home screen - Apply image

The first way to apply the Home screen is to upload an image.

1)Go to the STEP3 Page option

2)Click and select [HOME] menu

3)Enter the menu name: Enter the name that will be visible at the top of the home.

*If you don't rename it, it will appear as the app name.

4) From the page design, go to the [Upload Image] option and Click on the [Image Upload] button.

5)When the Attach File window appears, select the image file you want.

6)Click on the [Apply] button

7)Click on the [Save] button at the top of the screen and you're done!

*The images are different in size than the size of the cellphone, so there is no exact recommended size.

However, if you want to make the phone screen more or less full, please work with *Horizontal Size: 1080px and Portrait 1980px to 2200px.

-Portrait varies depending on the mobile phone model, so please adjust the size a little bit by looking at the vertical app screen.

- Since it is resized to the mobile screen in line with the horizontal screen, the vertical length can be a little bit longer for each phone, resulting in scrolling.

2. Apply bulletin board

The second way is to apply the bulletin board to your home screen!

*Note: Writing is not provided when applying the bulletin board to the home screen.

This means that the home screen only provides a detailed article view of the list of bulletin boards, and you cannot write posts on the bulletin board applied to the home screen.

1)Go to the STEP3 Page Menu

2)Click and Select [HOME] menu

3)Enter the menu name: Enter the name that will appear at the top of the home.

*If you do not change the name, it will be displayed as the name of the board.

4)In the page design, select UI KIT –> Board.

5)Select the bulletin board and click on the [Apply] button.

*Hover your mouse over the bulletin board screen to see the Apply button.

6)Click on the [Save] button at the top of the screen and you're done!

If you don't have a board to attach on the home screen, create one first and then apply it to your app.

Click on the [Add New Page] option takes you to the Manage Board screen where you can create and edit board pages.

3. User Page – Apply Image Page

The third way is to create an image page and apply it to the home screen.

1)Click on the STEP3 Page Menu

2)Click and Select [HOME] menu

3) The menu name does not need to be changed.

*The image page name is the name saved by the Image Page Creator and is displayed at the top of the home screen.

4)Select the Image Page from the page design.

5)Select the image page to apply to the home screen and select the [Apply] button.

*Hover your mouse over the image page screen to see the Apply button.

*If you don't have a page created, please create it by pressing the [Add new page] button.

6)Press the [Save] button at the top of the screen and you're done!

If you don't have an image page that you have created, create an image page first and then apply it to your app.

Selecting the [New] button takes you to the Image Page Maker screen.

You can create an image page in the page creation editor tool, and then apply it in your app.

4. User Page – Apply a web template page

The fourth method is to create and apply a user page - a web template page.

1)Click on the STEP3 Page Menu

2)Click and Select [HOME] menu

3) Enter the menu name: Enter the name that will be visible at the top of the home.

*If you do not rename the menu, it will be displayed as the name you saved when the template page was created.

4) Under Page Design, select a Page template option.

5) Select the template you want to apply to the home screen and click on the [Apply] button.

*Hover your mouse over the template page screen to see the Apply button.

*If you don't have a template page created, please create it by pressing the [Add new page] button.

6) Click on the [Save] button at the top of the screen and you're done!

If you don't have an image page that you created, create a template page first and apply it to your app.

Selecting New above takes you to the Template Page Editor Tool.

You can create a template page in that Editor tool, and then apply it in your app.

5. User Page – Apply HTML Editor Page

The fifth way is to create and apply a user page - an HTML editor page.

1)Click on the STEP3 Page Menu

2)Click and Select [HOME] menu

3)Enter the menu name: Enter the name that will be visible at the top of the home.

*If you do not rename the menu, it will be displayed as the name you saved when you created the editor page.

4) In the page design, choose HTML Editor.

5) Select the editor page that you want to apply to the home screen and select the [Apply] button.

*Hover your mouse over the editor page screen to see the Apply button.

*If you don't have a page created, please create it by pressing the [Add new page] button.

6) Press the [Save] button at the top of the screen and you're done!

If you don't have an HTML editor page you've created, create one first and apply it to your app.

Click on the [New] button will take you to the HTML Editor Page Editor Tool screen.

You can create an editor page in that editor tool, and then apply it in your app.

6. Apply the App Introduction Page

The app introduction page is the home screen that is the default setting as the home screen when you first build your app in a swing2app app.

Therefore, users can use the app introduction page as it is, and they can change the home screen in various styles according to the above method~!

If you use the home screen in a different style and then apply the home screen back to the app introduction page, please apply it in the following way.

1)Click on the STEP3 Page Menu

2)Click and Select [HOME] menu

3) Enter the menu name: Enter the name that will be visible at the top of the home.

*If you don't rename the menu, [App Information] will automatically display as the app name.

4) In the page design, select the [Basic Functions] – [Page] menu.

5) Select 'App Introduction' and then click on the [Apply] button.

*Hover your mouse over the App introduction screen to see the Apply button.

6) Click on the [Save] button at the top of the screen and you're done!

The introduction, description, address, email address, phone number, website address, etc. listed on the app introduction page can be modified and used in [Advanced Settings].

You can modify the items on the About App page from the Advanced Settings menu of the app creation page.

By selecting App Service Information, you can edit the app description, phone, email, address, app description, website address, etc. as shown on the home screen.

[How to modify it]

1)Select the [Advanced Settings] menu at the top of the app creation page

2)Settings: App Service Information

3)You can modify it by clicking on the [EDIT] button.

4)After modification, click on the [Save] button and it will be reflected in the app.

When you create your first app, you need to click on the [App Creation] button to reflect it. When you make any modification to the app you've created, it is automatically reflected in the app when you save it.

​

If you want to clear all the banner buttons, click on the [RESET] button for each item and then click on the [Save] button to remove the banner from the app.

App Introduction Title Phrase Modification will be reflected only if you save it on the first 1 modification and then press the [App Creation] button to update it to the new version.

After 1 modification, just save it and it will be automatically reflected in the app from then on.

★Entering the site address is linked with the [Share] icon button at the bottom and the site link address in the middle.

Therefore, if you enter the site address, the sharing button and the site address will be displayed together.

If you delete it, it will be removed along with the share button and the site address.

★The representative image of the app introduction page is displayed in conjunction with the app icon image.

*Separate modification and removal are not possible.


Instructions for applying the home screen

1) Home Screen – Applying a web link is not recommended.

-When you link a website on the home screen, the new screen may not open and might show an error, or the site may not open in the app due to the security settings within the site.

- For webpages that need to be opened in a new window, they can look weird on the app screen. (Screen configuration of pop-up windows, etc.)

Therefore, please use only the menus mentioned above on the home screen.

**Also!! There's a site that prohibits embedding when applying web links.

*Naver, the following portal sites, and the sites provided by the portal, YouTube, social media sites (Instagram, Facebook), etc. are the representative sites that have been banned from embedding!

In particular, the Naver blog or the next café that you run may not be able to connect properly to your home because it is blocked by Naver and the next itself.

In general, shopping mall sites may also not be applicable inside the app due to a secure server such as payment.

* Apps applied to websites with such external security should not be released on the Play Store or App Store.

*If the web link is linked to the app menu and checked in 'View in a new window', it can be used without problems.

2) For those who want to build an app by linking through a website – we recommend that you build it as a webview app or a push-only app.

It is a style that is created by linking the web browser to the app as it is in the form of a web app.

If you set up a link to the site on the main home screen of the app, events such as going back will not work properly because they behave differently from the website's page history.

Especially for shopping mall sites, the same security behavior as the purchase will not work properly when applied to a regular prototype app.

So if you want to use your website as your main one, you can create it by applying it as 'WebView' or 'Push-Only' in Design Theme - Prototype.

3) The home screen can be freely modified by using the menus.

You can apply an image page, or a template page, and then freely change to another menu.

If you just click on the [Save] button, it will be automatically reflected in the app as well, so you don't need to update it separately.

4) The home screen has the main screen set to the 'About the App' page.

It's a guideline-setting screen for first-time creators.

Therefore, in addition to the app introduction page, we recommend that you change the home screen to another menu and use it.

Above, I told you how to create a home screen.

There are a lot of different menus that you can make as home screens, so try to modify your home screen in different styles~!

We recommend that you modify it to other menus in addition to the default set of app introduction menus.

*Users who create in the style of push-only, and webview are created by applying the website link to the app, so they don't have to create a home screen separately. ^^



​App launch screen) Image applied to the home screen

​ How to apply

App launch screen) Home screen with bulletin board applied

​ How to apply

App Manager-Bulletin Board Screen

​ App launch screen) Image page applied home screen

​ How to apply

​ Image Page Maker Screen

App launch screen) Home screen with web template page applied

How to apply

Template Page Editor Screen

App launch screen) HTML Editor Page applied Home Screen

How to apply

HTML Editor Page Maker Screen

App launch screen) Home screen with app introduction page applied

How to apply

How do I delete content and delete banner buttons?

If I edit the introductory text of the app and save it, won't it be reflected immediately?