Web View: A Portal to the Internet

Follow

The Web View feature is available on Plus, Premium, and Branded guide plans, and it can be thought of as a website-viewing module – It is used to display any valid URL, from your organization’s Pinterest website to your company career page to a sponsor’s web page. Basically, if it exists as a page on the Internet, you can use a Web View module to link to your page!  Note, we discourage linking directly to PDFs.  You may also use the Web View to host an HTML file.  The remainder of this article will focus on URLs, however.

How to add a Web View to your guide:

  1. Log into the Guidebook Builder, open your guide, and click into the “Build Guide” section.
  2. Click on the big blue Add Features sign on top of the drawer to the left of the phone view, which will open up a feature menu on the right of the screen.
  3. Scroll to find the Web View module, and click the “Add” button. You’ll see it appear at the top of your Builder drawer as its own module, as well as in your phone view drawer.
  4. When you click into the Web View module, you’ll want to copy and paste the URL of the website into the URL field within the Details tab.

When you click into the Web View module, you’ll want to copy and paste the URL of the website into the URL field within the Details tab. 

App-side, users will see a webview resembling the example below:

In the Settings tab, you’ll be able to rename the module on the guide home screen (it defaults to “Web View”). For example, if the Web View links a user to the Guidebook Support website, we might want to change the name from “Web View” to “Guidebook Support”. You can also upload a new icon and enable or disable the module from appearing on users’ guides when they use them on their devices.

Please note: Using a Web View to link to a PDF URL is not the route to take.  Due to differences in PDF reading functionality across devices, a PDF URL within a Web View may not load correctly on Android devices.  Instead, you will need to create a special URL using a Google Docs prefix:  http://docs.google.com/viewer?url={URL TO YOUR PDF}

For example, if I had a PDF that existed at http://example.com/sample_pdf.pdf, my Webview URL would be: http://docs.google.com/viewer?url=http://example.com/sample_pdf.pdf

To read about including documents like PDFs in your guide, check out our all-encompassing documents article . 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk