112 Amazing Services and Add Ons for Your Static Websites

For specific sorts of websites, static site generators (SSG) have increased in favour among developers. Jekyll, Hugo, Hexo, and other tools have made it simple to create a website without having to worry about server-side requirements. Having the correct static website CMS also makes it simple to manage your site’s content.

With a static site, you edit the content and build the site on your local machine and then deploy to a live web server. Any web server that can serve HTML files can be used to host a static website, and there are even some tools that will host your static website for free, such as GitHub Pages and Gitlab Pages.

This add-ons cover both free and paid ranging from audio, books, calendar, images, maps, presentations, videos, forms, comments, live chat, surveys, e-commerce and many more. If you’re not really into CMS like WordPress or Drupal, these suggestions will help you to spice up your websites with additional features in no time. But try not to go overboard as the more items you add, the longer it takes for your site to load. Got to keep that loading speed as low as possible.

112 Amazing Services and Add-Ons for Your Static Websites

Audio

1. Mixcloud – Audio hosting with unlimited uploads and an embeddable player.
2. SoundCloud – Audio hosting with an embeddable player. Up to 3 hours of content is free.
3. Spotify – You can embed any song, album, or playlist with a Spotify Play Button

Books

1. Google Books – Allows you to display the books in your Google Books Library.

Calendar and Scheduling

1. Booking.js – Beautiful embeddable booking widget.
2. Google Calendar – Embeddable calendar that you can collaborate with other people.

Images

1. Cloudinary – Image hosting, manipulation and delivery.
2. Flickr – Online photo hosting by Yahoo.

Maps

1. Google Maps – Google maps are easily embeddable.
2. Mapbox – Really nice looking embeddable maps.

Presentations

1. Prezi – Online presentations with really transitions that can zoom and rotate.
2. Reveal.js – HTML presentation framework.
3. Slides.com – A place for creating, presenting and sharing slide decks.
4. SpeakerDeck – Upload your slides as a PDF, and get an online, shareable presentation.

Video

1. Mux – An API to play videos directly to the client. Can also power live streams.
2. Vevo – Embeddable music videos.
3. Vimeo – Embeddable videos with no ads.
4. Wistia – Free plan has a limit of 3 videos or podcasts.
5. YouTube – Embeddable videos with unlimited uploads.

Code

1. Codepen – A playground of embeddable front-end code examples.
2. highlight.js – Syntax highlighting for the web.
3. JS Bin – Embeddable front-end code examples.
4. JSFiddle – Embeddable front-end code examples.

Functions as a Service

1. 1Backend – Deploy your backend in seconds. Free tier included. Open source.
2. AWS Lambda – AWS Lambda lets you run code without provisioning or managing servers. You pay only for the compute time you consume
3. Azure Functions – Same premise as Lambda on the Azure cloud
4. Google Cloud Functions – Create single-purpose, stand-alone functions that respond to Cloud events without the need to manage a server or runtime environment
5. IronFunctions – IronFunctions is an open source serverless computing platform for any cloud – private, public, or hybrid.
6. IronWorkers – Run code in a multilanguage containerized environment with unlimited scale and simple pricing
7. OpenWhisk by IBM – Part of their BlueMix hosting platform, and open source, ties into their Watson AI ecosystem nicely
8. Webtask by Auth0 – Call code on the server with simple HTTP, easier to set up by far than Lambda or Google’s
9. Zeit Now – Zeit Now lets people write functions as a service in their language of choice and deploy as part of a monorepo.

GraphQL

1. FaunaDB – Serverless GraphQL database. Free tier with no time limit. Easily included in Netlify apps.

Comments

1. Disqus – Easily embeddable comments with nested replies, multiple login methods, and email notifications.
2. Facebook Comments – Embeddable comments for your site by Facebook.
3. Gitment – Comment system based on GitHub Issues, which can be used in the frontend without any server-side implementation.
4. IntenseDebate Comments – Embeddable comments with nested replies, multiple login methods, and email notifications.
5. Muut.com – Embeddable comments, forum and private messaging. A lot of functionality, but really low footprint left on your website.
6. Redditjs Embed Widget – Embed Reddit comments on your site. If it hasn’t been posted, it will show a link to encourage the user to submit.
7. Staticman – Staticman is a Node.js application that receives user-generated content and uploads it as data files to a GitHub repository. In practice, this allows you to have dynamic content (e.g. blog post comments) as part of a fully static website, as long as your site automatically deploys on every push to GitHub, as seen on GitHub Pages, Netlify and others.

Really Simple Forms

1. 99 Inbound – Form endpoint service with email/Slack notifications and third party app integrations (e.g. MailChimp)
2. Brisk Forms – Free form submission service emails you responses while keeping your email address private and is open source.
3. elFormo – Simple form processing and response retrieval via email.
4. Form.taxi – Backend to handle form submissions easily and reliably, with email notifications, file uploads and GDPR-compliant data processing.
5. Formspree – Receive emails from a form on your static website.
6. Getform – Form backend platform for designers and developers, with email and integrations.
7. MailThis – Simple form submissions via email with optional attachments.

Normal Forms

1. 123 Contact Form – Connects to other online services such at MailChimp, Salesforce, and Google Drive. It also integrates with payment Processers and includes security and analytics.
2. FormAssembly – Allows you to build any kind of form that can include complex branching logic and multiple pages.
3. FormBackend – Create form-backends and submit your HTML forms to our backend. View the entries online and connect to other services. Receive an email every time a new entry is submitted.
4. Formcake – The form backend built for developers: Zapier integrations, simple endpoint API, unlimited forms.
5. Formcarry – Hassle-free HTML form endpoints for your form, powerful dashboard, reliable spam blocking, attachment uploads and Zapier integrations.
6. Formester – Forms and email marketing (lead collection, email campaigns, and newsletters) with integrations.
7. FormKeep – Paid – View form submissions in a beautiful web interface. It has spam filtering and it integrates with webhooks such as Gmail, Trello, and Basecamp.
8. FormSite – Form builder with payments and form management.
9. FormStack – Forms with A/B testing, partial submission, analytics, and integrations.
10. Google Forms – Saves results into Google Sheets and can email you when there is a submission.
11. Pageclip – A flexible server / backend for HTML forms. View your data in the realtime web interface, or use the API to get CSV and JSON output.
12. SheetDB – Turn a Google Spreadsheet into a JSON API.
13. Typeform – Awesome forms that can be embedded.
14. Utterences – A lightweight comments widget built on GitHub issues.
15. Wufoo – Free or Paid – Forms that you can build with a form designer, with notifications, reports, and payments.
16. Zoho – Forms with file upload and captcha.

Live Chat

1. jivochat – JivoSite is a professional live chat for websites that was specifically designed to increase your online sales.
2. LiveChat – Live chat on your website.
3. Olark – Live chat on your website. You can also see who’s on your website and what they’re doing.
4. SnapEngage – Live chat with integrations and custom styles.
5. tawk.co – Lets you monitor and chat with visitors on your website.
6. WebsiteAlive – Live chat for your website & social networks.
7. Zopim – Live chat with free trial.

Newsletters

1. AWeber – Email marketing with campaigns, autoresponders, and analytics.
2. Campaign Monitor – Email marketing with campaigns, autoresponders, and analytics.
3. Constant Contact – Email marketing with campaigns, autoresponders, and analytics.
4. MailChimp – Free email marketing. You can pay to add more features.
5. MailerLite – Free email marketing. You can pay for more subscribers.

Social Media

1. Facebook – Facebook embedded plugins.
2. Pinterest – Pin It Button.
3. ShareThis – Sharing buttons for multiple social networks.
4. Twitter – Embedded tweets.

Surveys

1. Google Forms – You can use Google forms for surveys or for forms on your site.
2. Qualaroo – Embed surveys anywhere on your website that comes up from the bottom right side of the screen.
3. SurveyMonkey – Easy to use and free surveys.
4. Typeform – Really beautiful forms.

E-Commerce

1. Commerce Layer – Add enterprise ecommerce to your JAMstack.
2. Ecwid – Embeddable shopping cart.
3. FoxyCart – Add a shopping cart with basic html code.
4. Gumroad – An all-in-one solution to sell your work.
5. Moltin – Add eCommerce functionality to anything.
6. Payhip – An embeddable way to sell digital downloads & memberships
7. Snipcart – Include a few lines of code for a full online shop.
8. Trolley – Add a popup cart to any website – designed for static & JAMstack sites.

Search (Self-hosted)

1. elasticlunr – Lightweight full-text search engine developed in JavaScript for browser search and offline search based on Lunr.js
2. flexsearch – Next-Generation full text search library for Browser and Node.js
3. fullproof – Javascript library that provides high-quality full-text search in the browser
4. fuse.js – Powerful, lightweight fuzzy-search library, with zero dependencies
5. fuzzy – Fuzzy search / filter for browser and node
6. fuzzysearch – Tiny and blazing-fast fuzzy search in JavaScript
7. itemsjs – Full text, faceted, almost dependency free search engine in javascript
8. Jets.js – Native CSS search engine
9. js-search – Client-side searches of JavaScript and JSON objects, ES5 compatible and does not require jQuery or any other third-party libraries
10. lunr.js – Simple full-text search in your browser.
11. minisearch – Tiny and powerful JavaScript full-text search engine for browser and Node
12. search-index – A persistent, network resilient, full text search library for the browser and Node.js
13. static-search – A Go program to generate JSON index of HTML files, and a JavaScript component with optional UI to search this index
14. tinysearch – Tiny, full-text search engine for static websites built with Rust and Wasm

Search (Third party integration)

1. Algolia – Hosted Search API that delivers instant and relevant results from the first keystroke.
2. CloudSh – Powerful search for your website with a few lines of JavaScript.
3. Google Custom Search Engine – Search your site with a custom Google Search.

Analytics

1. Google Analytics – Freemium web analytics service offered by Google.
2. Simple Analytics – Simple, clean, and friendly analytics.

Authentication

1. Uthentic – Serverless, passwordless login for static sites in 2 lines of code.

Other

1. Sketch Fab – Embeddable 3D content.