Skip to main content

Changing the text on your floating button.

DIY for changing from "Get a 3D Print Quote" to your own version.

In the back office, you have two possibilities to create a link from your website to your widget:
​

You can use them both, or only one of them, up to you. If you like the floating button, but don't like its text,
​

you can change it to whatever you want, keeping in mind the space available.

Just take this script: 

<script>
        var __digifabsterCompanyWidgetUrl = 'https://digifabster.com/*****/client/upload/',
            __digifabsterBtnType = 'float',
            __digifabsterWidgetLangCode = 'de',
            __digifabsterSiteUrl = 'https://digifabster.com',
            __digifabsterOverrideTitleDict = {'de': 'xxxxx'};
        (function() {
            var d = document,
                s = d.createElement("script");
            s.type = "text/javascript";
            s.charset = "UTF-8";
            s.async = true;
            s.src = "https://digifabster.com/static/js/widget.js";
            d.body.appendChild(s);
        })();
    </script>

and enter your short company name here: *****
You can find your short company name here: 


Then enter your own text here: xxxxx

I did it for my own company, YellowBus, short name Yellow: 

<script>
        var __digifabsterCompanyWidgetUrl = 'https://digifabster.com/Yellow/client/upload/',
            __digifabsterBtnType = 'float',
            __digifabsterWidgetLangCode = 'nl',
            __digifabsterSiteUrl = 'https://digifabster.com',
            __digifabsterOverrideTitleDict = {'nl': '3D-print online-offerte'};
​           
                    (function() {
            var d = document,
                s = d.createElement("script");
            s.type = "text/javascript";
            s.charset = "UTF-8";
            s.async = true;
            s.src = "https://digifabster.com/static/js/widget.js";
            d.body.appendChild(s);
        })();
    </script>
And this is the result:
​

Having edited the text to your liking, replace the original script with your own, between </body> and </html>
​
Have fun!

PS: If you want to change the position of your floating button from the right side to the left side of the screen, check out this article: http://help.digifabster.com/features/float-button-left-or-right

Have even more fun! :-)

Did this answer your question?