Configuring Integrated Labels for Shipping Courier Labels

Mary-Kate

Updated July 05, 2022 14:39

Please follow the steps below to configure your integrated labels.

Please select Shipping-> Shipping Courier Set Up-> Set Up Carrier

Next please select integrated label settings/ label settings

From here you can select your label design and label size

If you select available tags this will show you the fields available to customise your invoice/ label text

If you select Views-> Source Code-> You can enter your HTML design here.

If you click on the link below you can view our pre-set template designs that you can copy .

Alternatively you can copy and paste the available HTML designs using the link below.

This is the design to copy the HTML code please right click and select 'view page source'

Please use the shipping label tag as below using the html image tag. You can adjust the with using the width parameter.

You can then copy and paste the below HTML code into the Source Code in Selro.

<div style="width:210mm;height:280mm">

    <div style="float:left;width:40mm;">

        <table style="width:100%;">

            <tr>

                <td>

                    <div style="width:120mm">

                        <img  style="width:90mm;"  src="${shipping_label!}"/>

                    </div>

                </td>

                <td  style="vertical-align:top">

                    <div style="padding-top:5mm;font-size: 14pt; font-family: arial;width: 100mm">

                        <div >${shippingname!}</div>

                        <div >${address_line1!}</div>

                        <div >${address_line2!}</div>

                        <div >${address_line3!}</div>

                        <div >${city!}</div>

                        <div >${state!}</div>

                        <div >${postcode!}</div>

                        <div >${country!}</div>

                    </div>

                    <br/><br/>

                </td>

            </tr>

        </table>

    </div>

    <div style="clear:both">

    </div>

    <div style="padding-top:5mm;clear:both;padding-right:5mm;padding-left:5mm">

        ${order_lines!}

    </div>

</div>

Comments