Mergado Apps : Additional Integrations

Creating new projects easily

If you want to integrate your software — whether it’s a Mergado platform app or any other web app — with Mergado by allowing your users to create a new project in Mergado quickly and easily, we offer you a “prefill URL” which navigates the user’s browser to the “new project wizard” page, with the input feed URL, or even additional settings, already filled in:

Minimal version

https://app.mergado.com/new-project/prefill/?url=<feed_url>

With additional options

https://app.mergado.com/new-project/prefill/
?url=<feed_url>
&eshopName=<eshop_name>
&inputFormat=<input_format_id>
&outputFormat=<output_format_id>

GET Parameters Explained

url: The URL of the input feed to prefill the New Project Wizard with.
eshopName: The name of the e-shop to prefill in the wizard. If the current user already has an e-shop with this name, it will be preselected. Otherwise, the e-shop will be created for that user once the wizard is completed.
inputFormat: The ID of the input format to prefill for the new project.
outputFormat: The ID of the output format to prefill for the new project.

Note: List of supported input and/or output formats and their IDs is a living thing and changes with time. If needed, please consult the Mergado staff.

Styled HTML button

You can use this button/link to lead your users to the URL mentioned above. Minor variations of the styling and the text are possible to fit your needs.

Vytvořit projekt

HTML

<a role="button" class="mergado-prefill-button" href="https://app.mergado.com/new-project/prefill/?url=<feed_url>">
    <svg class="icon" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
        <path d="M0 0 L20 20 L0 40 Z" fill="#7FB92F" />
        <path d="M20 20 L40 40 L0 40 Z" fill="#427B27" />
        <path d="M20 20 L40 0 L40 40 Z" fill="#44A8B7" />
    </svg>
    <span>Vytvořit projekt</span>
</a>

<style>
    .mergado-prefill-button {
        width: fit-content;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-family: sans-serif;
        font-weight: bold;
        font-size: 12pt;
        border: 2px solid #0c7d3e;
        padding: 10px 20px;
        background: white;
        color: #383632;
        border-radius: 4px;
        cursor: pointer;
        transition: all 0.1s ease;
    }

    .mergado-prefill-button:visited,
    .mergado-prefill-button:active,
    .mergado-prefill-button:hover {
        color: #383632;
        text-decoration: none;
    }

    .mergado-prefill-button .icon {
        height: 20px;
        width: auto;
        transition: filter 0.1s ease;
    }

    .mergado-prefill-button:hover {
        background: #0c7d3e;
        color: white;
    }

    .mergado-prefill-button:hover .icon {
        filter: brightness(0) invert(1);
    }
</style>