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
  • STEP.1 APP BASICS
  • STEP.2 Design Theme
  • STEP.3 Page Menu
  • STEP.4 App production Request
  • STEP.5 App Production completed
Edit on GitHub
  1. Manual
  2. App production manual(V2)
  3. App basics

Guide to create an app

Last updated 3 years ago

Swing2App Step by Step App Production Manual

After registering on the homepage, Swing2App will open a page where you can create an app. User can create their app using the Maker(V2) tools.

Please check the step by step manual on how to create an app on the Maker(V2) page.

★ Before the app is created, please check the app production TIP!

Swing2App provides app production tools, and as a service that requires users to build their apps, the production method manual is well built. If you look next to the Manager and Maker(V2), you’ll see Help. Clicking on the Help will take you to the corresponding help manual site describing how to use or create an app.

Therefore, when you want to check the manual while creating an app, be sure to check the Help, to view the manual.

STEP.1 APP BASICS

App Basics is a step to input basic information required for the app production like registering the app name, logo image, splash screen image, etc.

When you enter the app production page, the following page will open.

How to create app basic information

  1. App ID: Apply your unique ID to the produced app. Check for duplicate after entering!

  2. App Name: Enter the app name.

  3. App icon: Register the app Logo image.

  4. Idle Screen: Register the splash screen image that is displayed for 1-2 seconds when the app is launched.

*When you select the app logo and the splash screen image attachment button, the image editing tool window will pop up. You can modify the image to the desired size using the image editing tool provided by Swing2App.

Image editing tools

When you select the icon image button, you can upload the image in the Attached File window.

If the logo is uploaded and is of correct dimensions, you can complete it by pressing Apply immediately without modification.

If you need to edit because of the different sizes, go to the image edit tool window.

The image above is the image editing tool window.

The image editing tool is swing2app’s service, and if the user is unable to modify the image, the image editing tool makes it easier to modify the size.

Once you’ve applied the size, you can apply it by selecting the Upload (Edited) button.

*Step 1 When all the basic information items are entered, press the [Save] button and move to the next step design theme.

STEP.2 Design Theme

Stage 2 Design Theme, is the stage to determine the overall design and style of the UI design and color of the app.

[Step 2 design theme production method]

1) Select a prototype: Select a prototype that determines the design of your app’s UI.\

*Swing2App offers a total of six prototype designs.

Select prototype If you press ‘?’ the question mark button, you can see all the styles that have been applied.

2) Skin: Set the skin color of the UI design.

Skin color provides 3 color combinations of app background, menu, and text.\

Since the color that matched the trends are selected, you can see the UI that changes color instantly through the virtual machine by selecting the desired combination.

You can instantly see a UI that changes color.

3. Save

★But what if you don’t have a favorite among the color combinations?

If you don’t have the color you want, you can choose your color from Detail Color Settings.

In addition to a fixed color combination, detailed color settings are an option that allows you to select and apply your colors.

*If you’ve applied both prototypes and skin colors in the design theme, save them and go to the next level in the page menu.

STEP.3 Page Menu

Step 3 Page Menu, is a step to organize the contents of the app by creating categories and menus in the overall app tool.

The page menu is a step that composes the home screen and menu.

We will show you how to apply both the home screen and menu.

1. How to apply your home screen

The home screen is the main screen that you see when you launch the app, and you can configure how you want the main screen to appear.

Menus provided by Swing2App – You can apply menus such as web links, swing2app pages, user pages, bulletin boards, and images.

* How to apply the Home Screen

  1. Select the home screen and open the menu settings window on the right.

  2. Enter the name that will be shown at the top of the home screen in the Menu Name.

  3. Select which menu to apply to your home screen.

**▶ Weblink **home screen applied

Let’s apply a web link to the home screen.

Production method

  1. Click on the home screen and you will see a menu settings page on your right.

  2. Rename the menu at the top of the home screen. (Unless you change the name, it will be displayed as the app name.)

  3. Select the Web link menu in the menu settings. (Swing homepage URL: https://support.swing2app.com)

  4. Enter the web link URL in the bottom area.

  5. Click apply

  6. Press Save to complete!

[Check it out with GIF]

★ Precautions

Some sites sometimes prohibit embedding when applying web links.

*Portal sites such as Naver, Daum, YouTube, social media sites (Instagram, KakaoTalk, Facebook) are some of the leading sites that have been prohibited from embedding!

In particular, blogs or Daum café that are operated by Naver are blocked, so it may not work properly on the home screen.

So on the app home screen weblink – avoid these portal sites and social media sites!

For more information on how to create your home screen, please check out this post!

Once you’ve applied the home screen, then apply the menu.

2. Delete menu

[How to delete the default menus]

If you delete the menu named [UI], select the [UI] category and select the [Delete] button above.

Menus can be deleted in this way.

3. Add new menu

Instructions to delete existing menus and adding new ones.\

  1. Select the Add categories button.

  2. Enter the name of the category.

  3. Menu type: Select which menu to apply.

  4. Apply

  5. Save

You can see the new menu has been created by viewing the virtual machine.

4. Add sub-menu

We will show you how to add a sub-menu below the menu you have created.

Select the menu to move and drag the mouse to where you want to move.

The menu is completed by the position you drag. – You can configure it as a lower or upper menu.

If you look at the virtual machine, you can see that a menu called [Swing2App Introduction] has been created as a sub-menu.

Select the [Swing2App Introduction] menu to open the applied image.

In the page menu step, it is easier to create an app by first understanding how to use the menus. Therefore, please first check how to use each menu.

* Advanced setting is not necessary for production, so please work only up to the 3-page menu.

When the production is completed with the page menu, press the app production request button to complete the app production.

STEP.4 App production Request

When the app production is completed, click the [App Creation Request] button.

Check the update display option as ‘Recommended’ and select [Create].

*The update display option is optional, so it’s not required.

STEP.5 App Production completed

1. Check the app production progress

If you press the app creation request on the app production page, you will be directed to the app production history page on the app operation page.

When you check the status by platform, is it still marked as ‘Pending Production Order’?

You can check the progress of the app production on that screen.

Please wait a little while because it will be produced within 5 minutes after pressing the app production request!

2. Swing2App preview (app preview)

In less than a minute while waiting for production, the [Swing2App Preview] pop-up window appears.

This is the ability to preview the app through swing2app preview before the app is produced.

*View on the web: Select the [View on Web] button to preview apps created by virtual machines on the web.

*Preview on your phone: After downloading the official swing2app app – app preview menu – log in with your swing2app account or scan the QR code displayed in the pop-up window and you’ll be able to preview the app on your phone! (Only preview, no download)

3. Complete App Production

After a while, you can see the platform status has changed to ‘App production completed’.

When the production is completed, the APK file (file to download the app) will be sent to your swing2app subscription email.

You can download the APK file directly by opening the mailbox on your phone.

With the app preview described above, you can download the app from your Android phone.

*APK files cannot be opened on your pc, so please check on your phone.

*APK file installation can only be done on Android Phones. (iPhone not supported)

★ App Preview

Swing2App [Preview App] allows iPhone users to check the app on their phone.

Android phone users can check it directly on their mobile phones without having to download the APK file.

  • Please download the ‘Swing2App’ official app from the App Store and Play Store. *If the app has already been installed, please update it to the latest version.

  • After launching the app → Select the [App Preview] menu at the top of the category, and log in to your swing2app website subscription account (ID, password).

  • When you’re logged in, the app preview page opens, and you’ll see a list of apps you’ve created.

    • On the iPhone, it can be checked by pressing the preview button.

    • App preview, app download is available on Android phones.

*Swing2App prototypes – Apps created with Push and Web View are not available for app preview. (App downloads only)

As a result, push and web view apps are not available on the iPhone and can be downloaded only on Android phones.

★ How to edit the app?

Even after app production, you’ll still be able to edit and update your app.

When you edit, you can go to the Maker(V2) page, modify the content, and then save it.

  • If you edit the page menu in step 3, press [Save], write posts, etc. and then will be automatically reflected on the app!

  • If you modify the 2-step design theme, press the [App Creation Request] after [Saving] and get updated with the new version! *Soft update

  • Step 1 If you modify the app basic information, [Save] and press the [App Creation Request] button to receive updates to the new version! *Hard update

★ IMPORTANT CONTENT *Please check the important content!!

  1. If you modify the content of the Page Menu in step 3 of the app production phase, just press the [Save] button and it will be automatically reflected in the app. *You don’t need to recreate the app!

  2. Step 2 Design Theme, When modifying the contents – Changing profile, changing design color, etc., please re-request the app production and select [Soft Update]. If you select soft updates, it will be updated within your app without having to re-post your app, which has been released in the Play Store, App Store, etc. [Soft Update] will be displayed at least 3 times in the app production. Only 1 to 3 times hard updates are possible.

  3. Step 1 App Basic, when you change the app name, idle screen image, icon image, etc., you must re-create the app. Please select Hard Update at this time!! The first-step item must be hard updated before it is reflected in the app. If you modify the contents of the first step, please click “Request App Production” to create a new version of the APK file again. You’ll need to update the APK file by uploading it back to the Store.

★What is the difference between soft and hard updates?

  1. Hard update: The APK file is reinstalled, and the app must be reinstalled to receive updates. *If the app is available in the Play Store or App Store, you’ll need to update the new version of the app back to the Store.\ If you change the app name, icon, and idle screen, the new version of the APK file must be updated again to the Play Store/App Store after the app is recreated.

  2. Soft Update: You can get updates by simply re-launching the app without reinstalling it. Apps must be released on the Play Store or App Store. *You do not need to update the app on the store.

☞ \

☞

☞

Check the Prototype design
Check the home screen production manual
[View how to create an app home screen]