Download
We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

Share Buttons > E-Mail

  • #3828
    Avatar photo[anonymous]

    Could you please add a simple mailto: eMail sharing button to the “Share Buttons”? Thank you!

    #3855
    Avatar photo[anonymous]

    Hi,

    I created a custom sharing button for you (See attachments):

    Does this help you?

    Thank you,

    Nick

    #3862
    Avatar photo[anonymous]

    I’m not sure what to do with these files, Nicholas?

    #3867
    Avatar photo[anonymous]

    Oh. I’m sorry.

    Open your config.json file in your Coding editor. Look for the section called ‘customConfig’ and place the code below anywhere you like as long it is after the curly brace with a comma.

    "customConfig": [
        {
            "name": "shareFacebook",
            "label": "Facebook",
            "group": "Share Buttons",
            "value": false,
            "type": "checkbox"
        },
        {
            "name": "shareFacebookName",
            "group": "Share Buttons",
            "note": "Enter your Facebook account's handle here; it will be used when the Facebook share button is clicked on your site e.g. 'via @FacebookHandle'.",
            "value": "",
            "type": "text",
            "dependencies": [
                {
                    "field": "shareFacebook",
                    "value": "true"
                }
            ]
        },
        {
            "name": "shareTwitter",
            "label": "Twitter",
            "group": "Share Buttons",
            "value": false,
            "type": "checkbox"
        },
        {
            "name": "shareTwitterName",
            "group": "Share Buttons",
            "note": "Enter your Twitter account's handle here; it will be used when the Twitter share button is clicked on your site e.g. 'via @TwitterHandle'.",
            "value": "",
            "type": "text",
            "dependencies": [
                {
                    "field": "shareTwitter",
                    "value": "true"
                }
            ]
        },
        {
            "name": "shareTwitterText",
            "group": "Share Buttons",
            "value": "Check out my website yet! Here's a link: ",
            "type": "text",
            "dependencies": [
                {
                    "field": "shareTwitter",
                    "value": "true"
                }
            ]
        },
        {
            "name": "shareEmail",
            "label": "Email To",
            "group": "Share Buttons",
            "value": false,
            "type": "checkbox"
        },
        {
            "name": "shareMailName",
            "group": "Share Buttons",
            "note": "Enter your email address here; it will be used when the Email share button is clicked on your site e.g. 'via mailto:myname@email.me'.",
            "value": "",
            "type": "text",
            "dependencies": [
                {
                    "field": "shareEmail",
                    "value": "true"
                }
            ]
        },
        {
            "name": "shareMailSubject",
            "group": "Share Buttons",
            "value": "Check out my website!",
            "type": "text",
            "dependencies": [
                {
                    "field": "shareEmail",
                    "value": "true"
                }
            ]
        },
        {
            "name": "shareMailBody",
            "group": "Share Buttons",
            "value": "Hi, have you check out my website yet? Here's a link: ",
            "type": "textarea",
            "rows": 10,
            "cols": 50,
            "dependencies": [
                {
                    "field": "shareEmail",
                    "value": "true"
                }
            ]
        }
    ],

    Then, you can use this:

    <ul class="social__sharing">
        
  • Share to Facebook
  • Share to Twitter
  • Share via email
  • Hope this helps!

    Thank you,

    Nick