Webflow is the easiest and fastest way to build a website in the cloud. Whether you need a quick landing page or a visually stunning portfolio you can launch it in minutes, design it yourself without code, and host it anywhere.
Mailgun is the email automation engine trusted by over millions of websites and application developers for sending, receiving and tracking emails.Mailgun Integrations
Mailgun + Google SheetsCreate Spreadsheet Row to Google Sheets from New Unsubscriber in Mailgun Read More...
Mailgun + Google SheetsUpdate Spreadsheet Row in Google Sheets when New Unsubscriber is created in Mailgun Read More...
It's easy to connect Webflow + Mailgun without coding knowledge. Start creating your own business flow.
Triggers when a new form submission occurs.
Triggers when a new order is placed.
Triggers when an order is updated.
Triggers whenever a new subscriber is added.
Triggers when a current subscriber unsubscribed.
Adds a new item to a given collection.
Adds a new item to a given collection on your published site.
Fulfills an order.
Refund an order.
Unfulfills an order
Updates an item.
Updates a live item
Updates an order.
Webflow is a platform for creating websites. It is a drag and drop website builder, also known as a WYSIWYG. The purpose of this article is to analyze the integration of Webflow and Mailgun. Webflow gives you the liberty to create a site, without the need of dealing with HTML, CSS or any other coding language. It’s a great spution for those that don’t have the funds to pay for a web designer or developer that can help them create a website.
Mailgun is an email delivery service. It helps companies send transactional emails from their application, without having to maintain a separate server for email hosting. Mailgun claims to have a 99.99% uptime guarantee and it has a free plan for startups. It provides many features such as tracking clicks, bounces, opens, and unsubscribes. Mailgun was acquired by Rackspace in 2014 for $38.5 million dplars. The integration of Webflow and Mailgun will be discussed later on during this article.
In order to integrate Webflow and Mailgun, you have to obtain an API key from Mailgun. This will take you to the dashboard where you will have to copy your domain name, then paste into the fields that appear on the next page. When you click on the “Generate key” button, you will be able to see your key in plain text format. After getting your key, you will be sent back to the previous page where you will have to set your frequency cap in terms of how many emails can be sent per day. You may also enable email authentication in order to prevent spamming problems. After you are done with this step, you will see your key written in plain text again so you can copy it and paste it in the correct place in your Webflow code.
Now that you have gotten your key, you will need to create an instance of Mailgun in your code by pasting in the code below:
One important thing to note about this code is that it is case sensitive, so be sure to copy it exactly as I’ve written it. Some code editors like Sublime Text support autocompletion which is very handy when writing code like this because it will automatically insert what you need after typing out part of the code. One problem I ran into with using Sublime Text was that it would automatically add curly braces (“}”. at the end of each line which is not necessary in this case. To get around this problem I just added 4 spaces at the end of each line before pasting the code into my document. After pasting in the code, you should be able to see “MAILGUN_API_KEY” in the left-hand panel on Webflow. If you do not see this, try refreshing your browser window by hitting CTRL+F5 on Windows or CMD+R on Mac OS X. Once you see this variable, proceed to fill in the blank space with your API key that you got from Mailgun earlier.
After adding your API Key, you will want to go back to Mailgun’s dashboard to get your instance ID by clicking on “Get Instance ID” under “Configuration” then copying the ID that appears on the next page into your code near “MAILGUN_DOMAIN”. The code should now look like this:
Now that you have gotten your instance ID from Mailgun, you can retrieve messages from your inbox via the fplowing code:
The process to integrate Webflow and Mailgun may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.