1. Introduce a div in your html where you want the widget to appear

    <div id="attachment_id"></div>
2. Add these two lines (replacing the company) in the end of your page
   (If you don't know your company id feel free to contact HomeQ support)

    <link rel="stylesheet" type="text/css" href="https://widgets.homeq.se/plugin.css"/>
    <script type="application/javascript" src="https://widgets.homeq.se/plugin.js?company=9999"/>
3. Enjoy

Custom Styling

We build in easy to change styling, in order to fit your brand colors and integrate it seamlessly. You can simply add a <style> element in your page and overwrite the various elements with custom colours. If you need help with that please contact our support who will help you get it up and running.

    #homeq-web-widget {
      color: #444 !important;

    #homeq-web-widget .widget-label {
        color: #444;

    #homeq-web-widget .widget-bg-color {
        background-color: #eee;

    #homeq-web-widget .homeq-select {
        color: white !important;

    #homeq-web-widget select {
        background-color: #006B84;

    #homeq-web-widget .rc-slider-rail {
        background-color: #ddd;

    #homeq-web-widget .rc-slider-track {
        background-color: #0cf;

    #homeq-web-widget .rc-slider-handle {
        border: solid 2px #0cf;
        background-color: #0cf;