Mobile App Deeplinking

With deeplinking, you can provide a link to a specific page within your mobile app. For example, you may send congregants an email with a link to an important announcement that has been made available in the app. If a recipient opens the email on a mobile device, clicking the link will open the mobile app directly to the announcement.

The domain used for these links is yourchurch.app.tpsdb.co, where “yourchurch” is replaced with the domain for your database. Read below for how to use your own domain for deeplinking, how to set up a deeplink, what deeplinks are available and more…

How to Use Your Own Domain for Deeplinking

If you want to use your own domain for these, you will need to create a CNAME entry in your domain’s DNS settings, associating your desired domain name with the actual domain used. For example, if you want to use app.yourchurch.org, create the CNAME record with app.yourchurch.org as the alias and yourchurch.app.tpsdb.co as the destination (again, where “yourchurch” is replaced with the domain for your database). Then you will need to notify Support of the domain name you are using since it will require an update to your app for a nominal fee.

Sample HTML code for AppStorePromoPage

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Install our app</title>
    <style>
        * {
            border: none;
            font-family: Helvetica Light, Segoe UI Light, sans-serif;
            text-align: center;
        }

        html {
            height: 100%;
        }

        body {
            height: 100%;
            padding: 20px;
        }

        @media only screen and (min-width: 735px) {
            .center-screen {
                display: inline-block;
                left: 50%;
                position: absolute;
                top: 50%;
                transform: translate(-50%, -50%);
            }
        }

        img.android.badge {
            width: 280px;
        }

        img.icon {
            border-radius: 20px;
            height: 246px;
        }

        img.ios.badge {
            width: 246px;
        }

        h1 {
            font-size: 3em;
        }

        h2 {
            font-size: 2.5em;
        }

        h3 {
            font-size: 2em;
        }

        h4, p {
            font-size: 1.5em;
        }
    </style>
</head>
<body>
    <main class="center-screen">
        <h1>
            Install our app<br />
            from your favorite app store
        </h1>
        <h2>
            <img src="" alt="App icon" class="icon badge" />   -- for src, enter URL for your Google app icon
        </h2>
        <p>
            <a href="https://play.google.com/store/apps/details?id=com.touchpointinternal.mobile">
                <img class="android badge" alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" />
            </a>
        </p>
        <p>
            <a href="https://apps.apple.com/us/app/id1510828606">
                <img class="ios badge" alt="Download on the App Store" src="/img/Apple_App_Store_Badge.svg" />
            </a>
        </p>
    </main>
</body>
</html>


Latest Update 06/15/2020

Added deeplinks for the tools pages (Attendance, People Search, and Tasks) and for the location pages (select and view/information)

© 2020 TouchPoint Software, LLC.  All rights reserved.