A Simple NoCode Project Understanding From What Possible To Advantages Over Alternate

Technology Reads Mar 21, 2020


NoCode applications are suitable for presentation and managing self-authored contents. And, NoCode is useful for automating in-house operations with a complex workflow.


If you are looking for how to do help, there are plenty of articles written and continuously written by NoCode enthusiasts. And, individual NoCode product companies having a library of contents to educate its users.

Here is what possible and quick recap of what possible with NoCode, from a ten thousand foot view.

What is possible with NoCode?

Configuring any business and personal identity websites and, to an extent, blogs and online stores with small level sales keeping units.

When any requirements fall within this broader scope of requirements, then considering tools like Webflow and pairing that with MemberStack or MemberSpace would be a reasonable approach.

A Simple NoCode Project Understanding From What Possible To Advantages Over Alternate - renttheant.com

What has Webflow got going for them - technology or otherwise?

Webflow is making the experience of hand stitching business or personal websites and blogs effortless.

For newbies, if at all, any challenges come with getting beyond the initial learning curve. And the effort to understand the ins and outs of Webflow designer editor. After that, it will be smooth sailing, for the most part, while using this tool to create an elegant website and configure a dynamic content management system.

Build your own website tools are not new in the market, but Webflow has differentiated itself among competitors with a focus on addressing the self-authored content presentation through the website.

And they manage to create a vertical network of communities around Webflow platform, which is making this tool adoption easier for non-technical individuals and businesses.

Technology edge

  1. Editors come with plenty of presets and templates to give the leg up at a start and to complete the project.
  2. Making animation throughout the digital asset component is straightforward and straight-up configuration through visual UI.
  3. Webflow shine through with their overall content management system (CMS) technology and integrated designer workflow to use them.
  4. Robust enough content management system to satisfy most of the dynamic content needs like product, project, and FAQ information, etc.
  5. Content management is flexible enough to create relationships among collections (Webflow term for database table).
  6. The best part of Webflow comes in its ability to bring structured data into the front-end UI. It has a preconfigured Collection UI component and allows us just to assign the collection to use as a data source.
  7. And embedded data-extraction technology allows us to bind the UI element with any available field element in the collection schema and implementing filter and sorting of records quickly with little configuration.

Why we need Members module with Webflow?

Maybe not the default requirement for all the projects and business needs to have users management and administration.

This feature becomes necessary when

  1. You want to capture the user's personal information to drive personalized interaction and services through websites and other technology touch-points.
  2. To support marketing initiatives and building a customer database.
  3. Another requirement stems from monetization, when you have something valuable to offer in return for payment, like educational videos and digital product downloads, etc.
  4. Any monetization involves subscription to the services.
  5. Protecting content behind the paid wall and allow only authorized access.

MemberStack and MemberSpace are mostly covered in the technical tutorials of how-to on the internet. The effort involved to configure and integrate with Webflow project is considerably less.

Before start configuring, have these below steps completed.

  1. Come out with steps and components involved in the user signup and sign-in workflow.
  2. Have the list of URLs to be protected through authenticated access.
  3. How to process and redirect users when someone tries to access it without proper authorization.
  4. Have your trial or paid account created with the platform of your choice, MemberStack or MemberSpace.

What is the role of API Integration tools, Zapier, Standard Library, and others?

Today, more and more software companies are embracing delivery mechanisms as cloud-hosted and providing access to the application through the internet with convenience.

And this means sophisticated customers and developers, with advanced requirements, will demand flexibility and access to the functionality programmatically via open APIs.

Such API requirements are fulfilled by almost all the providers with enough security features implemented to protect their system and customer's data.

For instance, Webflow has external APIs, and with proper authorization API keys, we can access any account and manage them remotely. And this allows us to interact with your account from any other internet applications in the world. Most importantly, we will gain the ability to enhance your applications and automate any internal operation through automated workflows.

And, in this scenario, companies like Zapier and Standard Library are providing a predeveloped integration solution to broker the communication with your source and target system.

For example, you want to notify the order fulfillment team about the new demand generated in the online channel. And this communication has to be created inside the Slack channel managed by the warehouse team in the backend.

Let's see how many applications involved and see how this dataflow can be orchestrated through API integrations.

List of applications

  1. Online e-commerce through Webflow.
  2. Payment through Stripe.
  3. Slack message channel for internal collaboration


Personally identifiable information

After successful checkout and payment process steps completed by the user on the website, Your system process and send the credit card and address details down to Stripe.

Stripe will process the transaction and confirm the payment charged status and details. Here, Stripe has extended the feature called webhook, which can call any configured APIs with payment details.

From Stripe, this webhook is triggered in addition to sending the payment processing status to our website. So, to make use of that feature and build this internal workflow, we can turn to one of this API integration service provider to set this up end to end as planned.

What to expect from API Integration service providers?

In a way, they are the middleware service provider for today's NoCode applications.

Like any middleware, they process the incoming message and process them and send out an outgoing message. With little bit elaboration, here is how those steps look.

  1. Expect input feed from some source system, and this will serve as a trigger to start the workflow.
  2. Allow us to perform any necessary tasks like translation and validation with the data coming in the input payload.
  3. Once, we are ready with data to send. Preconfigured workflow triggers an event to communicate with the target system with the necessary information payload.

How to set up a preconfigured workflow inside these integration tools?

  1. First, authenticate and authorize with both source and target system through API credentials obtained from respective applications, in this case - Stripe, Slack.
  2. Configure Stripe inbound webhook with a trigger.
  3. Then configure the steps involved to complete the validation and translation necessary.
  4. Once you are ready with final data to send out, Set up outbound event, and trigger API interaction with Slack channel.
  5. Test the workflow with dummy data.
  6. If everything worked as expected, switch to production mode, and publish it.
  7. Now, at the end of this setup, this integration tool will give you a webhook URL to use in the Stripe. Go ahead and configure this webhook requirement at your Stripe account page.

Inner Voice

I am "Rent The Ant" Inner Voice. The collective voice of our team both in-house and partners.