We'll send you an email when the integration is ready and keep you informed on all the latest Connect updates.
Netlify is the platform your developers love for building highly-performant and dynamic web sites, e-commerce stores and applications.
MoonClerk lets anyone accept recurring payments and one-time payments quickly and easily without any coding.moonclerk Integrations
It's easy to connect Netlify + moonclerk without coding knowledge. Start creating your own business flow.
Triggers when a new deploy of your site has failed.
Triggers when a new deploy of your site has started building.
Triggers when a new version of your site has successfully deployed.
Triggers when a form receives a new submission.
Triggers when a payment has been made on MoonClerk.
Triggers when a payer checks out and creates a Recurring Plan in MoonClerk.
Performs a new deploy of an existing site.
Netlify is a cloud based hosting for static sites. Moonclerk is a static site hosting, so it needs to integrate with Netlify. It is a free service. You can just signup and create one moonclerk blog to the account. Then the user can set the DNS settings in the Netlify dashboard to point to moonclerk’s server. Then you can start creating your content on moonclerk. And then the content will be deployed to Netlify automatically when you publish them. You can also use CDN to make sure your content is fast loading speed.
Moonclerk is a free static site host, which can be integrated with Netlify. It was created by Kamil Tomanek. Moonclerk stands for Moonclerk Hosting by Kamil Tomanek. It aims to provide a simple and easy way of hosting static websites. It support Markdown and HTML files. It also supports publishing posts on social media such as Instagram and Twitter, but since Netlify supports this, it will not be an issue. Another nice feature of moonclerk is that it provides webhooks that can be used to deploy changes made on other services like GitHub, GitLab and Bitbucket. So if you change your project on GitHub, it will automatically push the changes to your website on Moonclerk.
I am going to show you how to start using Netlify and moonclerk together to host your website content on the internet. First of all, you need to create a new account on Netlify. After creating an account on Netlify, you need to create a new project on the project page on the right side of the page:
Then you will see something like this:
Here we need to configure some things:
Domain name. This is the domain name we need to choose while we are setting up Netlify and moonclerk together.
Project name. This is the name of our project on Netlify. We need to remember this value because we will need it later when we are setting up Moonclerk.
Build command. This is the command that Netlify will use when building our project from GitHub or Bitbucket. In our case, we will use this command. npm run build . This command tells Netlify to build our project from a Git repository named “build” in a directory called “src” in root of the repository. There are many other options you can use here.
Deploy branch. This option allows you to select which branch you want to deploy on Netlify. In our case, we will use default branch, which is master . So usually when you add a new commit on GitHub, then it will automatically deploy your latest commit from your master branch to your project on Netlify. If you have another branch that you want to deploy on Netlify instead of master branch, then you can select it here and also add a deploy key for it. I recommend you read more about branches and deploy keys in this article. Continuous Deployment with Netlify and GitHub Pages by Kaitlyn Parkhurst.
Now we have configured everything we need in the project settings page. Now let’s go back to the Dashboard page and click Deploy public site button at the bottom of the page:
Now you should see something like this:
As you can see, there are no options for deploying your website using GitHub (GitHub deployment. or Bitbucket (Bitbucket deployment. Because we did not add any remote repository yet! So let’s do that now! So go back to your project settings page and click Add origin button next to Deployment source menu:
Then you will see something like this (you need to select origin type default origin):
Fill out this form with values like these:
Name. Only name matters here so just enter whatever you want here. It can be anything like test origin or something like that. Just remember what you entered here because we will need this value later when we are setting up Moonclerk.
URL. Enter the link for the Git repository that you want to push commits from your master branch to Netlify. For example, if you want to push commits from your master branch on GitHub then enter this URL into this field. https://github.com/username/repository-name.git . If you want to push commits from your master branch on GitLab then enter this URL into this field. https://gitlab.com/username/repository-name/raw/master . And if you want to push commits from your master branch on Bitbucket then enter this URL into this field. https://bitbucket.org/username/repository-name/.git . The structure of this URL must be exactly the same as in the example above otherwise it won’t work! So if you are using something else than GitHub, GitLab or Bitbucket then please consult the documentation for Netlify about how to connect your repository with their service before doing this step! Also note that if you are using Bitbucket or GitLab, then you also have to add an SSH key so they can authenticate your requests when pushing commits from your repository there! To do so, click Add key button when configuring Git integration in Project Settings > Build & deploy > Deployments > Source Code repositories tab > New Key button > Add key button > Add new key or import existing key > Connect key button > Paste key in text box button > Save Changes button > Save Changes button after connecting your key successfully! Again please consult documentation for Netlify about how to do this step! And if you are deploying from GitHub, then no SSH key is needed! But still make sure everything is configured correctly before doing this step! Also make sure you have access permission for deploying your content from different repositories (such as GitHub. with different origin types (such as origin type custom origin. Read more about permissions here. Manage permissions on deployments by Kaitlyn Parkhurst! And if for some reason you cannot configure anything correctly with origin type default origin option, then read more about how to fix it here. Common deployment problems and sputions by Kaitlyn Parkhurst! When configuring origin type custom origin, fill out those fields as fplows. Remote repository URL. Same as above but enter the URL of your repository here instead of master branch URL . Branch. master
And then save changes and go back to Deployment source menu where we selected origin type default origin earlier and check whether or not Origin URL and Origin type fields contain data now! We should now be able to push our content from our repositories with different origin types (such as origin type custom origin. to our project on Netlify! But what about pushing our content from our repositories with different origin types (such as origin type default origin. to our project on moonclerk To do that we need another remote repository where we can push our content from our repositories with different origin types (such as origin type default origin. before pushing them to our project on moonclerk! We will do this in a minute, but first let’s look at what happens when we push our content from our repositories with different origin types (such as origin type default origin. from our project on Netlify now! Remember that we have configured everything correctly so now let’s push commits from our master branch on GitHub to our project on Netlify now! To do so, go back to Deployment source menu where we selected origin type default origin earlier and click Push button at the bottom of the page:
Now you should see something like this:
As you can see, everything went well and now you have committed your changes from GitHub locally and pushed them to a remote repository on Netlify! Now let’s go back again to the Dashboard page where we were before pushing content from our repositories with different origin types (such as origin type default origin. from our project on Netlify earlier and click Deploy public site button again at the bottom of the page:
Now you should see something like this (again note that there are
The process to integrate Netlify and moonclerk 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.