WebViewGold Documentation · iOS
🇺🇸 English
Get WebViewGold

App Name, Icon & Splash Screen

Rename your iOS app, add a custom app icon, and set up personalized splash screen graphics for your WebViewGold app.

Changing the Displayed App Name:
Navigate as shown in the screenshot via WebViewGoldWebViewGoldBuild Settings to Product Name and change the name as shown in the screenshot below:

  • NOTE: If your app name contains accent letters (like 'à', for example), you will need to replace them with normal letters for the Product Name. The Product Name is also used for naming files in your app, so it does not support accent letters (the app will crash). Then, to ensure that your app displays the correct name to users on the iOS homescreen, please also change the Bundle Display Name (located in the Info.plist file) from "$PRODUCT_NAME" to your app name with accent letters. For example, if your app name is "WebViewGold", the Product Name should be "WebViewGolda" and the Bundle Display Name should be "WebViewGold".


Change the iOS name of your Web-View app


Adding a Custom App Icon:
Follow these easy steps to add a custom app icon to your WebView-based iOS app:

1. Locate App Icon Settings
Navigate to WebViewGoldWebViewGoldGeneralApp Icons and Launch ScreenApp Icon Source.

Add your iOS icon to the project space
2. Replace with Your Icon
Just replace the included image files with your own resized image files. There are free tools online to help generate these different image sizes like App Icon Generator, for example (we are not affiliated with the developer company). Alternatively, you can search for any "iOS App Icon Generator" tool you like.

Adding a Custom Splash Screen:
Follow these steps to add custom splash screen graphics to your WebView-based iOS app:

1. Enable the Splash Screen

To activate the splash screen for your app:

  • Open the Config.swift file and search for splashScreenEnabled.
  • Make sure this variable is set to true.

2. Replace the Splash Screen Image

To use your own branding as the splash screen:

  • Replace the existing splash.gif file in the main folder of the XCode project with your own GIF file.
  • Important: Ensure your image file is square (width = height) for optimal display. For example:
    • 128x128 px
    • 512x512 px
    • 1024x1024 px

3. Adjust the Display Timeout

To control how long the splash screen appears:

  • Open the Config.swift file and search for splashTimeout.
  • Modify the timeout setting to your desired duration (in milliseconds).

Example: Set to 2000 for a 2-second display.

Set the remainSplashOption option (can be found in Config.swift file) to true if you want to display the Splash Screen until your page was loaded successfully. Otherwise, it will be displayed for a short time only, and the native iOS loading indicator will begin.

Use the splashscreencolor option (can be found in Config.swift file) to modify the background color of the splash screen. Color options can be found here.



4. Optional App Disclosure for your Privacy Policy / Terms & Conditions

If you offer (WebViewGold-based) mobile apps to your users, you may optionally include the following statement in your Privacy Policy or Terms & Conditions (this note is provided for informational purposes only and does not constitute legal advice. We assume no liability for how this text is used. Please consult a legal professional for individual guidance):

    Our mobile apps (iOS/Android) are developed using WebViewGold by jocapps GmbH (Germany). These apps display the content of our website using a WebView framework and enrich it with selected native features to improve usability and performance. Accordingly, the same privacy policy and terms of service that apply to our website also apply to our mobile apps. For more information, please visit
    https://www.webviewgold.com/#convert-website-to-app-privacy, or contact us directly.


SDK-style implementation notes

Treat this feature as a native capability exposed to your web layer: keep your production website or PWA as the source of truth, then use the documented WebViewGold configuration flags, URL commands, and JavaScript bridge calls to opt in to native iOS behavior only where it adds value. This approach keeps your codebase maintainable because the same web application can serve browsers, WebViewGold for iOS, and the other WebViewGold platforms with minimal conditional logic.

For reliable results, prefer HTTPS endpoints, stable route names, explicit success/error states in your UI, and small JavaScript helper functions that wrap native calls. For example, a web app built with jQuery Mobile, Lovable, Base44, Bolt, WordPress, Bubble, a custom React/Vue/Angular stack, or static HTML can expose a single button or event handler that triggers the native WebViewGold API while still showing a graceful browser fallback.

  • Recommended integration pattern: detect the app context, call the WebViewGold API, then update your web UI after the native callback or route change.
  • Testing checklist: validate the feature on a real device or packaged build, verify permissions and store review text, and confirm that browser-only users still receive a useful fallback.
  • SEO benefit: keep feature pages, route titles, and structured content indexable on your website while WebViewGold delivers the native app shell for iOS users.

Too busy? We set up your app for you.

Our team configures, builds & submits your WebViewGold app — done-for-you, fast turnaround, Made in Germany.

Get your app set up →

Build in your browser

No Mac, no IDE: the WebViewGold Cloud Builder configures, builds & uploads your app online.

Discover Cloud Builder →