Small Group Finder Step 2 - Create the Layout

If you have not read the Overview about how the Small Group Finder works, or Step 1, you will want to do so before proceeding.

Create the Layout

The Layout is how each small group will be displayed. We have created the text for the layout for you, so that you can copy and paste it in the HTML file you will create. However, if you know HTML, you can revise it if you want. If you follow the directions below to create the Layout, here is a sample of what it will look like.

Note that it displays the Organization Name, the Campus, Meeting Time, the Leader, the Room and a Description. If the leader has a photo on his people record, that will display as well. It also has a link for a map. This one does not have a link for online registration, but you can include that, if you choose. The text below (for you to copy) has that included.

http://i.tpsdb.com/2015-10-30_13-20-44-1.png
Step 1

Go to Administration > Special Content > HTML tab, and click the green + New HTML File button.

Enter the File Name as SGF-Layout, and click Submit.

Step 2

Click Source in the toolbar of the text editor. Highlight anything that is currently there and delete it. Then copy the following text and paste it into the text editor.

<title></title>
<div style="padding:7px; border-top:3px #007CC2 solid; margin-bottom:20px;">&nbsp;
<table width="100%">
    <tbody>
        <tr>
            <td style="width: 99%; padding-right: 30px;">
            <h2>[SGF:Name]</h2>
            <strong>Campus:</strong> [SGF:Campus]<br />
            <strong>Meeting Time:</strong> [SGF:Schedule]<br />
            <strong>Location:</strong> [SGF:Room]<br />
            <br />
            [SGF:Description]<br />
            <br />
            <a class="btn" href="https://MYCHURCH.tpsdb.com/OnlineReg/Index/[SGF:OrgID]">Register Here</a></td>
            <td style="text-align: center; width:1%; white-space: nowrap;"><img src="[SGF:LeaderPicSrc]" width="128" /><br />
            <strong>Leader:</strong><br />
            [SGF:Leader]</td>
        </tr>
    </tbody>
</table>
</div>
Step 3

After pasting the text, click where you see the words MYCHURCH in the URL for online registration, and change that to the name of your church as it appears in your TouchPoint URL.

Click Source again.

Click Save Content.

Note

The above script includes a link for people to register online. If you do not want to include that option, after pasting it into your HTML file, remove this entire line of text: <a class=”btn” href=”https://MYCHURCH.tpsdb.com/OnlineReg/Index/[SGF:OrgID]”>Register Here</a></td> If your church does not have multiple campuses, remove this line of text: <strong>Campus:</strong> [SGF:Campus]<br />

Continue Setting up the Small Group Finder

© 2018 TouchPoint Software, LLC.  All rights reserved.