Recipients
      Back to home
      1. Help Articles Virtualbadge.io
      2. Recipients

      How to Showcase Your Credential on Your Website

      A Step-by-Step Guide to Adding Credential Images With or Without Validation Links on Wix, WordPress, and Squarespace

      This guide will walk you through the steps to add a credential image to your website. You’ll learn how to:

      1. Add the credential image to your site without a link.
      2. Add the credential image with a clickable link to its validation page.

      1. Wix

      Adding the Credential Image Without a Link

      1. Log in to your Wix account and open the website editor.
      2. Go to the page where you want to add the credential.
      3. Click the “+ Add” button on the left-hand menu and select Image.
      4. Click Upload Media and upload your credential image.

      5. Resize the credential image:

        1. Select the image on your page.
        2. A blue border with resizing handles will appear around the image.
        3. Drag the corners inward or outward to adjust the size proportionally.
          • For precise dimensions, click the Settings option in the toolbar, go to Size & Position, and enter the desired pixel dimensions (e.g., 100 x 100 pixels for footer badges).
      6. Drag the uploaded image to the desired position on your webpage.

      Adding the Credential Image With a Link

      1. After uploading the credential image (steps 1-4 above), click on the image in the editor.
      2. Click the “Link” icon that appears in the toolbar.
      3. In the Add a Link popup:
        • Select Web Address.
        • Paste the validation link in the URL field.
        • Choose whether the link should open in a new tab.
      4. Save and publish your changes.

      Here is a detailed guide by Wix with more information: https://support.wix.com/en/article/wix-editor-uploading-your-own-images


      2. WordPress

      Adding the Credential Image Without a Link

      1. Log in to your WordPress dashboard.
      2. Navigate to the page or post where you want to add the credential.
      3. Click Edit on the desired page or create a new page/post.
      4. In the editor, click the “+” icon to add a block and select Image.
      5. Upload your credential image and position it as needed.
      6. Resize your credential image:
        1. After uploading the image, click on it in the editor.

        2. Use the resize handles on the corners of the image to adjust its size proportionally.

          • Alternatively, in the Block Settings panel on the right, enter specific dimensions (e.g., 100 x 100 pixels for badges on website footers) under the Image Dimensions section.
        3. Adjust the alignment or spacing as needed for the best placement on the page.
      7. Save or update the page/post. 

      Adding the Credential Image With a Link

      1. Follow steps 1-5 above to upload the credential image.
      2. Click on the image in the editor to open the toolbar.
      3. Click the “Insert Link” icon (chain symbol).
      4. Paste the validation link into the URL field.
      5. Click Apply (or press Enter) to save the link.
      6. Save or update the page/post.

      Here is a detailed guide by WordPress with more information: https://wordpress.com/support/images/

       

      3. Squarespace

      Adding the Credential Image Without a Link

      1. Log in to your Squarespace account and navigate to the page editor.
      2. Add a new content block by clicking the “+” icon.
      3. Select Image from the available block types.
      4. Upload your credential image and drag it to the desired location on the page.
      5. Resize the credential image:
        1. Hover over the uploaded image block and click Edit.
        2. Use the size sliders to adjust the dimensions of the image.
          1. Alternatively, click Design in the Image Block Editor and select a specific Image Layout (e.g., Inline, Poster, Card, etc.). Adjust the size to meet the recommended dimensions (e.g., 100 x 100 pixels for badges on website footers.)
      6. Save your changes.

      Adding the Credential Image With a Link

      1. Upload the credential image as described in steps 1-4 above.
      2. Click on the image block to open the Image Editor.
      3. In the editor, locate the Clickthrough URL field.
      4. Paste the validation link into this field.
      5. Save the image settings and publish the page.

      Here is a detailed guide by Squarespace with more information: https://support.squarespace.com/hc/en-us/articles/205814528-Image-blocks

       

       

      Best Practices

      • Alt Text: Always add descriptive alt text to your credential image for accessibility and SEO purposes.
        Example: “Certificate of Completion for [Name] issued by [Organization].”
      • Open Links in New Tabs: When adding a validation link, ensure it opens in a new tab to keep visitors on your website.
      • Maintain Design Consistency: Place the credential in a section of your website that aligns with your overall design and layout.

       

      Frequently Asked Questions (FAQs)

      1. What is a validation link?

      The validation link allows visitors to verify the authenticity of your credentials. Clicking the link will take them to a dedicated validation page hosted by the issuing organization.

      2. Can I resize the credential image?

      Yes, all platforms mentioned above allow resizing images through drag-and-drop functionality or image editing tools.

      3. Where do I find the validation link?

      The validation link can be found in the following locations:

      1. Access Page:

        • When you receive your certificate, you are typically directed to a webpage where you can view and download your credential. This page also consists of the validation URL.

      2. Social Media Sharing Options:

        • If you share your credentials on platforms like LinkedIn, the validation link is automatically shared in the post. You can copy the link from the post.

      If you're unsure where to find it, refer to the instructions or email provided by the credential issuer.

      4. Can I host the validation page of my credentials on my website?

      Only the issuer of the credentials can host the validation page of the credentials issued by them on a website of their choice.
      Click here to learn more about it.