Built for

The digital mobilisation toolkit for mission-driven organisations.

Agera is a low-code toolkit that empowers Reform Society's clients to succeed with lead generation, digital engagement, supporter surveys and online fundraising or membership recruitment – with unprecedented speed, flexibility, and results.

Technical overview

Live preview

Agera is built and maintained by

Built and maintained by Europe’s leading digital mobilisation agency.

Reform Society (previously Reform Act) uses bold creative, deep digital expertise and tactical know-how to inspire people to take actions that matter.
‍
For the last ten years, we’ve raised millions of euros, enlisted hundreds of thousands of volunteers, and recruited tens of thousands of new members to important causes and organisations — helping our clients win elections, usher in landmark legal reforms, and break engagement records in the process.

Our secret mobilisation sauce

Engagement is the lifeblood of any mission-driven organisation. It’s what determines your success with crucial goals like donor, member, or volunteer recruitment – as well as your ability to mobilise supporters in a time of need.
‍
But all too often, organisations come to us with it all backwards. Organisations are struggling to scale a digital ads program where a high-bar donor or membership ask is often the first communication with a potential supporter – lost in a the competition of a crowded feed.

The Ladder of Engagement

Our approach builds instead on what we call the Ladder of Engagement. We first generate interest and create a pre-commitment with a timely, meaningful, and simple digital action – and then ask the big question. The results always speak for themselves. ‍

Illustration: A typical Ladder of Engagement new supporter journey

Our digital mobilisation toolkit

In Agera, we bring together our data-driven insights from hundreds of successful mobilisation campaigns in a low-code toolkit to help your digital mobilisation efforts succeed, too – and ensure that bad tech or a tired web agency is never the problem. All as a convenient plugin to your main website and CRM.

Technical overview

Agera is a low-code toolkit built on top of Webflow. It is specifically designed and developed with an array of features that helps us maximise our clients' digital mobilisation efforts – including lead generation, digital engagement, and online fundraising or membership recruitment.
‍
Agera supports digital actions including petitions, polls, surveys and quizzes out-of-the box – and any custom action you can dream up. Virtually anything is achievable in terms of design and functionality, with custom implementation as standard and unprecedented design flexibility.

The platform works as a plug-in to an organisation's main website and CRM. It’s typically configured at subdomain level, such as agera.[orgname].org – and is deployed and ready to go in hours, regardless of CMS and/or CRM setup.

Primary components

The Agera low-code toolkit is composed of three primary components.‍

1. Webflow

Agera is built on top of the leading low-code platform Webflow. This allows us to separate the design and development process from our clients' primary CMS and CRM systems, making adoption of Agera simple and risk free.

Building on top of Webflow enables fast creation of tailor-made engagement journeys with petitions, polls, surveys and quizzes working in conjunction to boost engagement and increase conversions.

This approach also enables the implementation of new insights or functions across clients as a simple copy-paste manoeuvre – saving time and money, while leading to better results.

In contract, the old (developer heavy) approach of implementing design, UX insights and custom functionality natively across multiple CRM and CMS setups on a “per campaign” and "per client" is not only time-consuming and expensive – but it also fundamentally lacks the design flexibility that avisual low-code tool like Webflow offers.

2. The Agera template

Our native Webflow template streamlines the process of setting up Agera for new clients and provides a structure for scaling and working with Agera. By continuously refining and updating this template, we ensure that all our clients are leveraging our test-driven understanding of current best-practice, while allowing for full customisation in each project.

The Agera template is built around Finsweet's widely used Client First concept and the popular Relume library.

Read more: Client First

A standardised core structure shared across all pages. Helping developers, clients, or any other stakeholder understand the project. Empowering non-technical staff or teams to manage the site.

Read more: Relume

‍A Webflow component library designed to be as flexible as possible. Relume components are near unstyled and neutral, which makes it easy to apply any brand's aesthetic to them. They are responsive and thoroughly tested out of the box. The library is currently used by over 30,000+ Webflow developers to build better and faster.

3. Agera.js and serverless magic

We elevate Webflow's capabilities with our compact JavaScript library and some serverless Vercel magic in the cloud. Together these technologies enable very specific digital mobilisation functionality, not natively available in Webflow or on clients' existing CMS setups.

Agera.js handles various tasks such as petition counters, storing and passing data between pages, and performing math and text operations before transferring data to client CRM systems. These functions are activated with data attributes inside the Webflow designer, this makes it easy for non-techical staff to set-up and customize functions.

All of this cloud magic happens on EU servers, ensuring rigorous GDPR compliance all the way to your existing CRM.

Agera JS Module: AN Bridge

Connect a form to Action Network

AN Bridge makes it easy to connect a form to Action Network. Just follow these steps:

STEP #1

Set up a new petition in Action Network.‍

Expand step

The type of action needs to be petition, it will not work with Action Network forms, due to limitations in the Action Network API.

STEP #2

Copy the petition endpoint URL.

Expand step

Copy the adress in the API Endpoint box, this can be found by clicking manage on the petition you want to connect.

STEP #3

Select the form you want to connect.
‍You need to select the form-element, typically named form01 in Agera.

Expand step

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

STEP #4

Add the attribute: an-bridge=true.
This connects the form with Action Network.

Expand step

DONE!

Well done, thats it!

Expand step

Example:

When a person signs a petition, they are typically redirected to a survey or quiz. Agera uses the information already provided during the petition step, no need to enter name, email, or other details a second time.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

FAQs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Question text goes here

Still have questions?

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Contact

const scriptTag = document.querySelector('script[formID]');
const formID = scriptTag ? scriptTag.getAttribute('formID') : null;
let formElement = document.getElementById(formID) ?? document.querySelector("form");

console.log("Selected form: ", formElement.id);