Twinr Builder Resources
  • 🙌Getting Started
    • What is Twinr?
    • Fun Fact
  • 📱Create App
    • Create App from Template
      • Blank
      • E-Commerce App
      • News App
      • Restaurant App
  • 👥Organization
    • Create Organization
    • Invite Members
  • 🖥️Dashboard
    • App Dashboard
    • Preview App
    • Delete App
  • 📲Setup Branding Info
    • App info
    • Launch screen
    • App Permissions
      • Camera Permission
      • Photo Library Permission
      • Microphone Permission
      • App Tracking Transparency
      • Location Permission
      • Read External Storage
    • App Settings
      • Enable portrait only mode
      • Prevent App Sleep
      • Enable/Disable iPad Support
      • Customize Minimum Android Version
  • 🎨Setup Theme
    • Overview
    • App Theme
      • Color Theme
      • Text Theme
      • Button Theme
    • Bottom Tab bar
    • Navigation bar
      • Button setting
    • Status bar
  • 📲Screen Customization
    • External URL Handling
    • Apply Custom CSS
    • Apply Custom JavaScript
    • Hide Elements
    • Page Refresh
    • Login
      • General
      • Login Page
    • Tab bar(Bottom tabs)
      • Add New Screen
      • Delete Screen
      • Rearrange Screen
      • General
      • Navigation Bar
        • Navigation Bar Title
        • Navigation Bar Buttons
          • Back Button
          • Linker Button
          • Cart Button
          • Custom Button
          • Hamburger Menu
          • Native Link Sharing
          • Native Notification Screen Button
      • Tab Screen - External URL Handling
      • Responsible URL
      • Tab Screen - Hide Elements
      • Tab Screen - CSS
      • Tab Screen - Scripts
  • Native Screen
    • Title Element
    • Paragraph Element
    • Button Element
    • Image Element
    • Spacer Element
    • Divider Element
    • Banner Element
      • Banner Element(with Background Image)
      • Banner Element(with Background Color)
    • List Element
      • List Grid Element
      • List Vertical Element
      • List Horizontal Element
    • Product List Element
    • Setting List Element
  • 🛠️App Configuration
    • Add New Configuration
  • 🔗Extensions
    • Overview
    • Page Loader
    • Pull to Refresh
    • Custom User Agent
    • Custom Fonts
    • Cache Policy
    • No Internet View
    • App Review
    • App Onboarding
    • Multi Language
    • In-App Purchase (IAP)
      • iOS In-App Purchase (IAP)
      • Android In-App Purchase (IAP)
    • Deeplink
    • Force App Update
    • Account Delete
    • Dynamic Titles
  • ⚙️Integrations
    • Overview
    • Firebase Push Notification
      • Enable Push Notification
      • Send Push Notification
    • Push Permission Reminder
    • Personalized Push Notification
    • Abandoned Cart Push Notification
    • Native Notification Screen
    • AdMob
      • Create Android & iOS Apps
      • Create Ads on AdMOb
      • Setup AdMob Integration
    • Firebase Analytics
      • Auto Tracked Analytics
      • Custom Analytics
      • How to check Analytics in Firebase?
  • Plugins
    • Overview
    • WooCommerce
    • Shopify
    • Preshtashop
  • Engage
    • Overview
    • Engage Dashboard
    • One Time Campaigns
    • Event Triggered Campaigns
      • Order Created
      • Order Status Change
      • Product Created
      • Product Re-stock
      • Product Out-of-stock
      • Product Low Stock
      • Coupon Created
    • Welcome Push Notification
    • Inactivity Push Notification
  • 📊App Analytics
    • Overview
    • Acquisition & Retention
      • Number of Sessions
      • Number of Unique Sessions
      • Daily Active Users
      • Total App Sessions
      • New App Sessions
      • Session by Platform
      • Average Session Length
      • Session by Devices
      • Retention
    • Revenue
      • Sales
      • Orders
      • Total Revenue - Current vs Previous Period
      • Total Orders - Current vs Previous Period
      • Revenue by Device
      • Average Order Value by Device
      • Order by Device
      • Orders by New vs. Returning Users
      • Top 10 Popular Products
      • Promo Code Revenue vs Revenue
  • JS Bridge
    • What is the JS Bridge?
    • AdMob Interstitial Ad
    • Change App Language
    • Push Notification - Device Token
    • Request Account Delete
    • Native Datastore
  • 🚀Publish Apps
    • Publishing to the Google Play Store
      • Setup Android Signing Information
      • Get Android Build File
      • Create Your Google Developer Account
      • Setup your App on Google Play Store
      • Submit Your App to Production
      • Reset Android Signing Key
    • Publishing to the Apple App Store
      • Create Your Apple Developer Account
      • Setup Annual Payment for your Apple Developer Account
      • Create Your Apple Bundle ID
      • Setup iOS Signing Info
      • Get iOS Build File
      • Add Users to Your App Store Connect Team (Optional)
      • Add Users to TestFlight (Optional)
      • Submit Your Build to The App Store
  • 👤Twinr Account
    • Change Password
    • Billing & Payments
    • Invoices
    • Update Payment Method
    • Enable 2-Step Authentication
  • 👩‍💼Support
    • Contact Support
    • On-demand Services
      • End-to-End App Solution(All Inclusive)
      • App Development
      • App Publishing
      • App Screenshots
      • Login Script
      • Push Notification Setup
  • 🤝Partnership & Earnings
    • Twinr Partnership Model
    • Agency Plan
    • Become an Affiliate
  • ❓FAQs
    • Subscription
    • Preview your App
    • App Customization
    • Build APK & IPA
    • Publishing App
Powered by GitBook
On this page
  • What are the ways to handle URLs?
  • In the app
  • App Browser
  • Mobile Browser
  • Custom Rule

Was this helpful?

  1. Screen Customization

External URL Handling

External URL handling are useful to handle any external URL you are trying to open in the application.

PreviousStatus barNextApply Custom CSS

Last updated 1 year ago

Was this helpful?

External URL Handling provides an option to handle external website URLs elegantly. You can define general rule for External Website URLs. Also, you have an option to define custom rules based on URL matching.

You have options to decide where you want to open the external website on each screens that you have created.

What are the ways to handle URLs?

There are 3 different ways to handle URLs. Let's take a look at each of them in detail.

In the app

This option will open an URL in the current selected screen. So, user will feel the navigation in the current selected screen/tab to another screen. The back button will be enabled automatically in the navigation bar.

App Browser

This option will open an URL in the application browser. That means, user will be still in the app but it will open the browser on top the current screen and load the URL. URL which is currently loaded in the tab screen won't be changed and stays same.

Mobile Browser

This option will open an URL in the default mobile browser. So, user will leave your app and gets redirected to the mobile browser application. Current tab screen of the app will stays same.

Custom Rule

Custom rule is useful when you want a specific URL that you want to handle.

For example, your website is https://ecommercely.twinr.site and you want to open https://ecommercely.twinr.site/about-us to the app browser then you can specify a custom rule for that.

Here, I have decided to open the About us page outside of the app and just for shop screen.

Another example can be, opening https://www.facebook.com in mobile browser for all screens. So from Any screens, if you open facebook, it will open in the mobile browser instead of in the app.

URL Expression

Enter an URL expression to match. It can be whole URL or just part of the URL. Based on your preference you can decide the expression.

Match as

Here, you can select how you want Twinr Builder to match your URL. You options to select from

  • Substring - Match as sub part of the URL

  • Prefix - Match expression from the start of the URL

  • Suffix - Match expression from the end of the URL

  • Equal - Exactly match the given expression

Open in

Select an option for how you want to handle that URL. You can decide to open it in current tab, in mobile browser or in app browser.

📲
External Website URL Handling