This follow article provides an overview of our Javascript Web Control technology which allows you to create a range of beautiful and dynamic controls (Javascript code widgets) for displaying event and training related data on your website.
| Advanced | Competence in HTML/CSS and Javascript is required |
You're required to purchase a custom domain and add it to your Google Console in order to use Web Controls.
- The option to add new pages to the website (admin access to CMS)
- The ability to add HTML code, Javascript and CSS to pages without the use of iFrames. We need to be able to add any kind of HTML element without tags being stripped (including <script> elements and <div> elements)
- jQuery version higher than 1.9 (or the option to install it)
- The ability to add script elements in the <head>, across all pages
- The ability to upload stylesheets and link to them in the <head> (only necessary if they are going to be using the same control on more than one page).
- Bootstrap 3 JS (or the option to install it)
- Bootstrap 3 CSS for tooltips (or the option to install it).
- Google Maps API key for maps on venue profile pages.
Web controls are essentially blocks of code (HTML, CSS and Javascript) that you can drop onto your website to display events, presenters, venues and more. Our web controls have been designed to reduce the complexity of displaying events as much as possible, to allow you to simply decide what data to display, and where and how to display it.
While the simpler features of web controls can be used by developers with minimal experience, it also offers a range of advanced features which give the more experienced developer a significant amount of flexibility to create more complicated widgets. Our web controls allow for:
- The ability to create controls to display your data on your webpages.
- Fetching data for you platform from the Arlo API.
- Processing data into more usable formats, with generated fields and template helpers.
- Paging data.
- Providing a templating system which allows you to control what data to display and how to display it
- Providing you with opportunities perform addtional processing on the data/rendered html.
- Creating controls that display data from multiple resources with sub controls
Our web controls provide a flexible and functional method for integrating Arlo onto your website. Because they're built using HTML, CSS, and Javascript, you can freely and easily copy the code of our prebuilt examples, and customise a control to suit your needs.
Example sites that have been implemented with web controls can be viewed here
We highly recommend our web control integration(the building, creation and modifying of the Javascript web controls) and implementation(the adding of the controls onto your website) be completed by an experienced developer. If you are comfortable with HTML, CSS and Javascript, view the article below for a guide to the process of integrating our web controls onto your website.
Sitemaps are not required but are highly encouraged for all websites. This helps with Search Engine Optimization because it makes it easier for search engines to find all the content on your website. Sitemaps are especially important for new websites, very large (lots of pages) sites, or sites with large archives
Our troubleshooting, useful information, and FAQ's contain important information about common issues that people have encountered when integrating Arlo web controls onto their websites. We recommend starting here if you run into any issues with integrating web controls. If you cannot find the help you need, you can contact support@arlo.co.
Technical website integration support is not included in Arlo 'product' support. We do however, offer technical support packages and plans, for more information visit our Website pricing page.