Settings
When you click Settings
, you’ll find the the following settings pages. We will go over them one by one.
Apps
Most Wings projects have one frontend application – a website – but it is possible to have multiple frontend apps: separate websites that share the same Wings project, or a mobile app or smart speaker application, for example.
General app settings
On the General page, you can configure these settings:
- Theme: you can select the theme for your site. A theme is a collection of style settings, such as colours and fonts; they can be configured at Settings -> Themes.
- Main Menu: select which menu (which can be managed on the Settings -> Menu tab) is to be used as a main navigation menu on your website.
- Homepage: choose which node (page, article or campaign) should serve as the home page of your website. Note: the node that is selected here will no longer be found at its usual path & slug.
If you want to experiment with a theme, create a new theme first, then create a new app, and configure the app to use your new theme.
Domains settings
See here for a separate documentation page about domains.
Scripts
It is easy to add custom scripts to your application. For example, you could add a Google Tag Manager script.
- Visit the 'Scripts' tab for your app
- Click 'Edit scripts'.
Then, you can easily add the scripts:
- Give your script a name.
- Paste the script here. It should start with
<script>
and end with</script>
. - Choose a location.
- Add additional scripts if you need.
- Click Finish
- And save your new settings.
Adding a Google Universal Analytics script
Do you use Universal Analytics, with a tag that has the format UA-XXXXX-Y
? Copy the script below and paste it into the script field in Wings Admin, but **replace UA-XXXXX-Y' with your own tag.
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
Themes
On the Themes page, you can configure your themes. Note: when you edit the theme that is currently set to be active on your site, you will immediately change the presentation of your website.
Menus
You can configure menus here. Click Add Menu Item
to add an item and type its title and path. Note: you do not need to enter the entire url; you can use relative paths. For example, for a page with the slug 'our-team
', you can enter the path /our-team
(with a /
at the start). Remember that articles, signups, fundraisers, events and petitions should be linked with a path that includes their node type. A fundraiser with the slug save-the-day
has a path called /fundraisers/save-the-day
. The same goes for /articles/
, /petitions/
, /events/
and /signups/
, respectively.
Languages
See the separate Languages page for more information.
Commerce
At the Commerce Settings page, you can set up payment integrations for payment processors Stripe or Mollie. If you use Stripe, you should fill out your Public Key and Secret. In case of Mollie, just fill out your API key. Your Fundraiser campaigns should work automatically. Tip: fill out your test credentials at first so you can test the payment flow without making actual payments, and change these to your live credentials after publishing your website.
Note: you can also set a Currency on a separate tab.
Integrations
On the Integrations page, you will be able to set up integrations with third party services such as Mailchimp. Create an API key in your Mailchimp account and enter it here
Emails
At the Emails settings page, you can configure the confirmation/notification emails that will be sent to anyone who submits a campaign form. There are two primary use cases.
1. Confirmation emails
You can include a button or text link with a confirmation link. If a user clicks this link, they will be sent to a 'confirmed' campaign page such as this one. Additionally, their submission will be recorded as being 'confirmed'.
This confirmation flow is useful to verify that a user's submission contains a valid email address, and that you have obtained permission to use their personal information.
Another advantage of this flow is that the 'confirmed' page contains call to action links that let a user share the campaign with their friends.
Configuring the confirmation emails
All campaigns only record a user's information after they have clicked a confirmation link in the email that is sent by Wings. Note: all campaigns of a certain campaign type get the same email. In other words: petition signers will receive the same petition confirmation email regardless of the petition being signed.
- Visit Settings -> Emails to configure the emails.
- Set the 'From' name.
- Choose which campaign type you want to configure the emails for.
- Write an email subject line.
- Here, you can drag content blocks from the right to the left, in order to add them to your email.
2. Notification or Thank You emails
Alternatively, you can configure the email as a simple 'thank you' email with perhaps a followup call to action link.
Webhooks
See here for a separate documentation page about Webhooks.
Schemas
Schemas will be typically used by developers to allow for custom components and experiences. Contact us if you are interested.