Because Web Apps are basically webpage the HTML section allows you to add a wide variety of content to your App just as you would on a traditional website by embedding it using the relevant code or widget for a booking form, calendar, or even a weather display.
Taking advantage of these tools can engage your users, offer valuable insights, and make a simple App something much more functional.
What are Widgets?
Applications that are embedded into the body of websites are called widgets. Widgets come in many forms: clocks, currency converters, contact forms, slideshows, search fields and comment forms. A widget adds functionality to your site by taking advantage of applications developed by others for a specific purpose. Many widgets are free or work on a freemium model.
When we talk about these kinds of website tools, we usually talk about both widgets and plugins. Knowing which one is which isn’t as important as knowing that with the right information you can easily put them to use in your Apps.
Typical examples of widgets and services you could add to your App are;
- Google map
- Google calendar
- Cloud storage
- Scheduling calendar
- Booking form
- Promote Your Facebook content
- Add A Facebook Like Button
- Add A PayPal Cart Button (or Stripe or Square any service that offers website integration)
- Connect to your Blog
- Review form
- Weather display
So if you are using a particular service and want to add it to your app search for the HTML 5 widget code required and you should be good to go.
When you add code to an HTML section the default display option is usually for the embedded widget to be Left Justified in your app like this:
If you want your widget to be centered, just surround the iframe code with <center> and </center> like this:
<center> <iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe<iframe src="//inspirationsphotography.gettimely.com/book/embed?" scrolling="no" id="timelyWidget" style="width:480px;height:600px;border:1px solid #4f606b"></iframe> </center>
Check out the articles below for instructions on how to add some popular content to your Apps