Configuring Integrated Labels for Shipping Courier Labels

Mary-Kate

Updated March 18, 2022 12:08

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.

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