Link your website to your listing

Paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. Log in to your website. On most WordPress websites the login page is your website address with /wp-admin on the end, such as yourbusiness.com.au/wp-admin.
3. In the dark menu on the left, click Pages. Find the page you want, such as About, move your mouse over its name and click Edit.
4. Click at the end of the paragraph the badge should follow, and press Enter to start a new, empty line.
5. Type /html. A small menu appears. Click Custom HTML, and an empty box appears.
6. Click inside the box. If you see a button that says Edit HTML, click it, and a window opens. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V. If a window opened, click Update in that window.
7. Click Update or Save in the top right corner of the screen.

Or upload the image

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. Open the page for editing and start a new line, as in steps 2 to 4 above.
4. Type /image and click Image. Click Upload and choose the badge from your Downloads folder.
5. Click the badge once. In the small toolbar above it, click the link button, which looks like a chain. Paste your listing address and press Enter.
6. To copy the alt text, click Copy next to Alt text in step 3. Then paste it into Alternative text in the panel on the right. If there is no panel on the right, click the Settings button next to Save in the top right corner.
7. Click Update or Save in the top right corner.

If you see Edit with Elementor under the page name or at the top of the editor, your website uses Elementor. Click Edit with Elementor. In the panel on the left, find the HTML widget (its icon is </>), drag it onto the page and paste the code into its box. Click Publish or Update in the top right corner. If WordPress removes part of the code when you save, your login is not allowed to add code: ask whoever set up the website, or upload the image instead.

Paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. Log in at squarespace.com and click your website.
3. Click Pages, then click the page where the badge should go.
4. Click Edit in the top left corner of the page.
5. Move your mouse over the part of the page where you want the badge, and click Add Block or the + sign.
6. Click Code. If you cannot see it, type code into the search box. A box with sample text appears on the page.
7. If a code window has not opened, click the box and then the pencil icon. Select the sample text and delete it. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V.
8. Check that the menu above the code says HTML, and that Display Source is switched off. If it is on, the code shows as text instead of the badge.
9. Click away from the box, then click Save in the top left corner.

Or upload the image

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. Follow steps 2 to 5 above, but click Image instead of Code, and upload the badge from your Downloads folder.
4. Click the badge, then the link icon in its toolbar. Or click the pencil icon, then Attach Link. Paste your listing address.
5. To copy the alt text, click Copy next to Alt text in step 3. Then paste it into Image alt text on the Content tab.
6. Click Save in the top left corner.

Squarespace sometimes hides code while you are logged in. If the badge does not show, check it in a private window, as described under “Check that it worked”.

Paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. Log in to Shopify. In the menu on the left, click Online Store, then Themes.
3. Next to the theme your store uses, click Edit theme. The theme editor opens.
4. At the top of the screen, in the middle, click the menu showing the page you are on (usually Home page) and choose the page you want.
5. In the list on the left, click Add section. Type Custom Liquid into the search box and click it.
6. Click into the code box in the new section’s settings. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V.
7. Click Save in the top right corner.

Or add a text link

1. In step 2 on this page, choose Text link, then click Copy next to Link to copy your listing address.
2. In the theme editor, click Add section and choose Rich text.
3. Click the text in the new section, and in its settings type Find us on Little Wedding Planner. Select those words, click the chain-link button in the text toolbar, paste your listing address, then click away from the box.
4. Click Save in the top right corner.

If there is no Custom Liquid in the list, your theme does not have it. Use the text link, or send the code to whoever built your store.

Upload the image (recommended on Wix)

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. Log in at wix.com. Next to your website, click Edit Site.
4. Go to the page you want, using the page menu at the top of the editor.
5. Click Add Elements (the + on the left), then Image. Upload the badge from your Downloads folder and add it to the page.
6. Drag the badge to where you want it.
7. Click the badge once, then the Settings icon. Under When image is clicked, choose A link opens. Under What does it link to?, click the link icon, paste your listing address and click Done.
8. To copy the alt text, click Copy next to Alt text in step 3. Then paste it under What’s in the image? in the same settings.
9. Click Publish in the top right corner.

Or paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. In the editor, click Add Elements, then Embed Code, Popular Embeds and Embed HTML.
3. Click Enter Code. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V. Then click Apply.
4. Drag the edges of the box until the whole badge shows, with no scroll bars.
5. Click Publish.

On Wix, upload the image if you can. Wix’s own help says links that open a new tab often do not work inside pasted code, and this code opens a new tab. If your editor has + Add at the top left instead of Add Elements, you are on the newer Wix editor: add the image, click it, and use the chain-link icon in the bar above it to add your listing address.

Upload the image (any plan)

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. Log in to Pixieset, open your Website and go to the page you want.
4. Add an image to the page and upload the badge from your Downloads folder.
5. Click the image to edit it. Under On Click, choose Link and paste your listing address.
6. Publish your changes.

Or paste the code (Pro website plan)

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. Move your mouse between two blocks on the page and click the green +.
3. Go to Others and add a custom embed code block.
4. Click the block. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V.
5. Publish your changes.

Paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. Open your website in Showit, go to the page and click the canvas where the badge should go.
3. In the toolbar at the bottom, click the element icon and choose Embed Code.
4. In the panel on the right, open Embed Info and click the Custom Code box. Paste the code. On Windows, hold Ctrl and press V. On a Mac, hold ⌘ Command and press V. Click Save.
5. Showit shows your phone layout next to the desktop one. Find the badge in the phone layout too and drag it where you want it, because its place on phones is set separately.
6. Publish your website.

Or upload the image

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. Add the badge to the canvas as an image.
4. With the image selected, set its click action to URL and paste your listing address.
5. Publish your website.

Upload the image

1. On this page, in step 3 under No code?, click PNG. The badge saves to your Downloads folder.
2. Click Copy next to Link in step 3. That copies the address of your listing, ready to paste in a moment.
3. GoDaddy: only photos in About or Content sections can link. Click a photo in one of those sections and upload the badge. In the panel on the right, switch on Add Link, choose a website address under Link to, paste your listing address, then click Publish.
4. Any other builder: add an image, upload the badge, and look for a Link setting on the image. Paste your listing address there.

Or paste the code

1. On this page, click Copy the code, at the top or in step 3. It looks as if nothing happened, but the code is copied and ready to paste, the same as copying text.
2. GoDaddy: click Add Section, search for HTML and add it. Paste the code into Custom Code, leave the height blank, then click Publish.
3. Webflow (paid plans): add a Code Embed element, paste the code, click Save & Close, then publish.
4. Square Online (Plus and Premium): click + Add, then Section, then Embed code, and paste.
5. Weebly: drag in an Embed Code element, click it, choose Edit Custom HTML and paste.
6. Format, Zenfolio or SmugMug: add an HTML or code block (their higher plans) and paste.

Email uses a smaller version of the badge. Gmail and many versions of Outlook cannot show SVG files, so this one is a PNG.

Save the email badge

Gmail, on a computer

1. In Gmail, click the gear icon in the top right corner, then See all settings.
2. On the General tab, scroll down to Signature. If there is no signature box yet, click Create new and give it a name.
3. Click in the signature box where the badge should go, then click the picture icon (Insert image) in the toolbar under the box.
4. Choose Web Address (URL) and paste this address. https://littleweddingplanner.com/assets/badges/listed-on-email.png Then click Select.
5. Click the badge, or drag across it to highlight it. Click the chain-link button, paste your listing address into the web address box, and click OK. To copy your listing address, click Copy next to Link in step 3.
6. Scroll to the bottom of the settings page and click Save Changes.

Outlook

1. Save the email badge with the button above.
2. In new Outlook or Outlook on the web: click the gear icon, then Accounts, then Signatures. In classic Outlook for Windows: click File, then Options, Mail and Signatures.
3. Create a signature or choose the one you use.
4. Click the picture icon in the signature toolbar and choose the email badge from your Downloads folder.
5. Click the badge to select it, click the chain-link icon, and paste your listing address.
6. Click Save. In classic Outlook, click Save and then OK.

Apple Mail, on a Mac

1. Save the email badge with the button above.
2. In Mail, open the Mail menu, choose Settings (on older Macs, Preferences), then click Signatures.
3. Click your email account on the left. Click + for a new signature, or click the one you use.
4. Drag the email badge from your Downloads folder into the signature on the right.
5. Apple Mail links words more dependably than images. Under the badge, type Find us on Little Wedding Planner, select those words, open the Edit menu, choose Add Link, and paste your listing address.

1. Click Copy the code on this page.
2. Start an email to the person who looks after your website, and paste the code into it.
3. Add this note, or your own words:

Please add this to our About, Reviews or Press page. It is plain HTML with no script, and it links to our listing on Little Wedding Planner. The badge image is hosted on their site, so please leave the address as it is.