Instructions
Build Customized Landing Pages
TrialKit allows the Website Host or Study Designer to create their own customized landing pagescustomize specific pages (listed below) which all users of the study can access. These pages can be created using the Build Web Page… link accessed from the Website Host for HOST Landing Pages OR Study menu for STUDY SPECIFIC LANDING PAGES.Customized Landing Page option on the web under the Website Host menu or the Study menu.
| Info |
|---|
Customized pages can only be created if a theme has been loaded. Read more about customized themes. |
Customized pages are the standard pages that all users see in the system. They are pages that offer only static content; however, that content can be totally customized by the Website Host or Study Designer. There are four study/host landing pages in the system.
Index – This is
...
The link that is sent to users when they are registered to use the system, prior to signing in is:
https://www.trialkit.com/Pages/Index.aspx
...
a public URL which any user can see if they have previously signed into the study. It gets cached in the user’s browser after signing into a study.
| Info |
|---|
This page now redirects the user to the sign in page |
Home – This is the home page. Users signing in to your site will land on this page when they have successfully entered their e-mail and password. They also land on this page when the Home button is clicked in the Page Header area.
Sign Out – When a user clicks the Sign Out link in the Page Header area, they land on this page. They also land on this page when their session has expired. Sample below:
...
Contact Us – When a user clicks the Contact Us link in the Account Menu, they will be brought to this page. This page should supply all necessary contact information for the user in case they need to contact you, the Website Host, or the Study Designer.
...
Saving Standard Theme or adding Customized Themes Are Required
...
To
...
| Note |
|---|
To say this again: The four landing pages can be customized to include the content you desire. However, if you want to build customized landing pages, YOU MUST either SIMPLY JUST SAVE THE STANDARD TEMPLATE OR upload a customized theme. THIS IS REQUIRED TO BE ABLE TO ADD CUSTOMIZED LANDING PAGES! |
See the image below:
Select Website Host or Study
Choose Host/Study Logo and Theme from the menu
Either upload your custom theme and colors or simply just hit the save button
The Ability to add custom landing pages is now enabled.
...
Please see the Theme Manager help document for more information.
Creating Web Pages
When creating web pages, it is very important to remember this rule: add your web page content first and then format the content to achieve the look and feel you desire. The editor is available in any browser. However, because of that, we highly recommend that you follow this rule because it will save you time and make your experience more enjoyable.
The basic process for creating a new web page is as follows:
customize a page (Web Only):
Select the web page builder at either the host or study level. The study level is the most common. Doing it at the host level will apply to all studies on that host unless a custom page exists at the study level.
In summary: Custom pages at the study level take priority over custom pages at the host level
...
Creating Web Pages
First Identify the type of landing page to create (Index, Home, Contact Us, Sign Out).
Then:
...
Enter the Page Name
...
Select Page Type
...
Select Theme.
...
Select an operator for the editing type to use making the document. NOTE: HTML is great for copying templates across studies.
...
Create from scratch or as mentioned, copy in existing Web Page Text or HTML code in the Web Page Designer.
...
) by selecting a Page Type (#2) and giving it a name (#1). The corresponding theme must also be selected (#3).
Add Content in the editor window (#5) via rich text or html (see #4 below to toggle between views).
After adding content, save the Web Page by clicking the Save Page button
...
at the top. It will get added to the table.
...
The basic process for editing an existing web page is as follows:
Identify the web page to edit and click the corresponding Edit link in the Existing Web Pages table. Make all desired changes in the Web Page Designer.
| Tipnote |
|---|
Don't forget to hit the SAVE PAGE button! |
Web Page Designer
One very handy tool is the ability to create web pages graphically or type the HTML directly in the editor. Typing the HTML directly in the editor allows you to tap into your customized themes and use the text color. For example, the following Header tags use the main theme text color.
...