Home
Knowledge Base
Create a Ticket
Check Existing Ticket
Home
Knowledge Base
Create a Ticket
Check Existing Ticket
Home
Knowledge Base
Create a Ticket
Check Existing Ticket
Found Articles
×
  • Welcome to our Support Desk

    Below you'll find instructions for accessing the main areas of our support desk.

    Support

    Do you have a question?

    Simply submit a ticket and one of our support
    representatives will be in touch shortly to help you.

     

    Do you have an existing ticket?

    No problem. You can see the status, check for
    updates, and read all of your existing tickets.

    Create a Ticket   Check Existing Ticket

     


     
  • Create a New Ticket

    Note: If you've already created a ticket and just want to check the status of that ticket, click here.

    Contact Us at CreateaClickableMap.com

    Add Attachment
    Most Asked Questions
    How do I place the map on my website?

    After you click "generate map code", you will be given an embed code for the map you've created. Copy this embed code to your clipboard and paste it into the html portion of the webpage you will be placing the map on. If you are using Wordpress and would like to place the map on a POST or on a PAGE on your website, please make sure that you paste it into the HTML tab in the page/post editor, not the Visual tab.


    How do I access my map again after purchase?

    If you pay the small fee to save your map, you will automatically get an email after paying that will include a special link in it. The link will take you back to this website and show you your map exactly how you had it before your purchase. You can update your map again from there, save it and generate the embed code to paste onto your website.


    How can I make the map responsive?

    To make your map responsive use the following code.

    Option 1:

    Please this code where you want the map to appear:

    <div style="position: relative; width: 100%; height: 0px; padding-bottom: 60%;" >
    <iframe src="http://createaclickablemap.com/map.php?&id=XXXXXXX&online=true" style="border: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe>
    </div>

    Remember to replace the URL with your map URL.

     


     

    Option 2:

    If you don't want to use inline code.

     

    Please this code where you want the map to appear:

    <div class="map-container" >
    <iframe src="http://createaclickablemap.com/map.php?&id=XXXXXXX&online=true" class="map"></iframe>
    </div>

    Place this code at the footer of your website.

    <style>
    .map-container {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
    }
    .map {
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    }
    </style>

     


    How to add images to the popup content


    How to make the map background transparent

    The only way to create a background in the website is with a quick hack.

    Step 1: On the background color, you need to click in the color picker, delete the ddefault code #FFFFFF and type: transparent

    Important: When you delete the code, write transparent and hide the color picker. The code will show up again. Don't worry about it. Just save the map and you will see the result on your website

    Step 2: On the iframe code, add the following code: allowtransparency="true"

    Example:

     

     

     


    How to change the color to each location individually


    How to pay with a credit/debit card without using a PayPal account?

    Important: When you complete the payment without a PayPal account, the name of the transaction will be LusoSystems, Inc.




    View More Questions

     
  • Live Chat

    Most Asked Questions
    How do I place the map on my website?

    After you click "generate map code", you will be given an embed code for the map you've created. Copy this embed code to your clipboard and paste it into the html portion of the webpage you will be placing the map on. If you are using Wordpress and would like to place the map on a POST or on a PAGE on your website, please make sure that you paste it into the HTML tab in the page/post editor, not the Visual tab.


    How do I access my map again after purchase?

    If you pay the small fee to save your map, you will automatically get an email after paying that will include a special link in it. The link will take you back to this website and show you your map exactly how you had it before your purchase. You can update your map again from there, save it and generate the embed code to paste onto your website.


    How can I make the map responsive?

    To make your map responsive use the following code.

    Option 1:

    Please this code where you want the map to appear:

    <div style="position: relative; width: 100%; height: 0px; padding-bottom: 60%;" >
    <iframe src="http://createaclickablemap.com/map.php?&id=XXXXXXX&online=true" style="border: none; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;"></iframe>
    </div>

    Remember to replace the URL with your map URL.

     


     

    Option 2:

    If you don't want to use inline code.

     

    Please this code where you want the map to appear:

    <div class="map-container" >
    <iframe src="http://createaclickablemap.com/map.php?&id=XXXXXXX&online=true" class="map"></iframe>
    </div>

    Place this code at the footer of your website.

    <style>
    .map-container {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
    }
    .map {
    border: none;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    }
    </style>

     


    How to add images to the popup content


    How to make the map background transparent

    The only way to create a background in the website is with a quick hack.

    Step 1: On the background color, you need to click in the color picker, delete the ddefault code #FFFFFF and type: transparent

    Important: When you delete the code, write transparent and hide the color picker. The code will show up again. Don't worry about it. Just save the map and you will see the result on your website

    Step 2: On the iframe code, add the following code: allowtransparency="true"

    Example:

     

     

     


    How to change the color to each location individually


    How to pay with a credit/debit card without using a PayPal account?

    Important: When you complete the payment without a PayPal account, the name of the transaction will be LusoSystems, Inc.




    View More Questions
  • Check Existing Ticket

    If you've already created a ticket and just need to check the status of that ticket, simply enter the email address you used to create the ticket below and click the button.

  • Click Here to Reset the Header

    You can customize the header by uploading two separate files.

    The background image and goes from the left side to the right side or the screen.

    The header image should contain your companies logo and anything else you wish to put on it. It will lay on top of the background image.

    The header image should be 1138 pixels wide and the same height as the background.
    Anything smaller than 1138 pixels will work as well (It centered across the top.)

    Below is an example of what your background image could look like:


    Below is an example of a header image. Note that it has a transparent background as it will lay on top of the background above (not required):


    Background Image:

    Header Image:

  • Edit Knowledge Base Articles


    Article Name Assigned Category Priority URL Hits T
    How do I access my map again after purchase?Access View147T
    How do I place the map on my website?Embedding View215T
    How can I make the map responsive?Tips View82T
    How to make the map background transparentTips View11T
    How to add images to the popup contentHow To View23T
    How to change the color to each location individuallyHow To View10T
    How to pay with a credit/debit card without using a PayPal account?Billing View7T
×

Link directly to this article:


Link directly to the contents of this article only:

×

T Are you sure you want to delete this article?

  ×

Edit Category


Category Name:

×