How to configure the Settings in your Softr app.
Before starting to build your site, you might want to check the application Settings to apply some general configurations. The settings can be accessed from the left-side toolbar as shown in the following screenshot.
So, let’s go through the sections one by one.
When you create your application a random name and subdomain are automatically assigned to it, which can be customized in this section. The Application Name is for your own reference and will not appear anywhere after publishing the app. Next, you can customize your subdomain as follows: https://<yourname>.softr.io. You can also use a custom domain.
Next, you have the option of adding a favicon. Please, follow the provided size and format recommendations. There are numerous services (e.g. https://favicon.io/), that you can use to generate a favicon of the required format and size.
Lastly, you have the Softr branding toggle, which allows you to enable/disable the "Made with Softr" badge on your site.
Here you can use your own custom domain to run your website or web-application on. More detailed info on configuring a custom domain can be found here.
In this section you have the list of all the available integrations that can be connected to your app. Check out the Integrations section of this library to find more info on each option.
Here you can configure general SEO settings, while SEO details for individual pages can be set in page settings.
Google Site Verification
In the Google Site Verification field you need to add your ID to verify your ownership of the website and link it to Google Search Console.
To get the ID, on your Google Search Console dashboard, go to Settings => Ownership Verification, choose the HTML tag option, and copy the value of content as shown below.
Lastly, you need to paste the code inside corresponding field, and hit Save. Don't forget to publish your Softr app afterwards.
Further on, you can fill in the robots.txt file to provide some instructions for web crawler. You can find more info on robots.txt here.
Using this option, you can apply 301 redirects within your Softr app. To add a new redirect rule or edit the existing ones, you need to click on the Edit button.
Next, you'll see a pop-up with the list of all the existing redirects. To add a new redirect rule, you need to define the page that needs to be redirected (Old Path) and the destination page (New Path).
You can apply wildcard redirects using an asterisk in your path. Let's consider a few examples:
/old-folder/* => /new-destination - This means that all the paths under "/old-folder" (such as "/old-folder/path1" or "/old-folder/path2") will be redirected to the same single destination.
In this section, you can add custom code to your app header and footer. The first one will be applied before the </head> tag, and the second one will be applied before the </body> tag. Within the <head> element, you can link external resources, add metadata as well as custom styles. The second piece will be added at the end of your <body> element and is meant for adding scripts.
Custom Code use case
Let's suppose we want to add a Facebook Messenger to our Softr app, so that users can contact our Facebook Page.
Getting the Code
In the Page Settings, we are going to navigate to Messaging, and select Add Messenger to your website, as shown below.
In the next page, we need to hit Set Up and configure the chat plugin.
In the pop-up that appears next, you need to set your chat language, add domain and get the chat widget code as shown below.
When you're done with configuring the plugin, hit Publish in the bottom right corner of the screen and you're all set.
Applying the Code
Lastly, we'll go back to our Softr app's Settings and paste the chat plugin code into the footer area. Below you can see the process of adding the code and viewing the chat widget on the website.
User groups and permissions
Learn how to create and apply user groups to blocks/pages here.
Clicking on the Email/SMS Settings option will open another menu where you can edit the Sender Details and the Templates for each type of Email/SMS that is sent. Let’s quickly look at each.
In the Sender Details section, you can customize the name and email address from which your Softr app's emails are sent (e.g. when the user resets the password). By default the emails are sent from Softr. As soon as you enter the new name and email, you'll receive a confirmation email to prove ownership.
In the Email/SMS Templates section, you can edit the various emails/SMS that are sent to users of your application, such as invites, password resets, and verification steps.
Clicking on any of the templates will open a popup modal where you can edit the contents of the email that is sent. You can send a test email to yourself to see how it will appear. You can also use handles to reference dynamic data within the email as well:
- @application_name - will automatically populate the published name of your application
- @application_hyperlink - will automatically populate a link to your published application
- @user_name - will automatically populate the user’s imported name
- @user_email - will automatically populate the user’s imported email
- @password - will populate the user’s Softr-generated temporary password, if you chose this option
- @magic_link - will populate the user’s Softr-generated magic link, if you chose this option
See how to configure SAML on your Softr app here.
You can find how to configure OpenId settings here.
Last updated on August 24, 2023