--- title: How to Showcase Your Credential on Your Website description: A Step-by-Step Guide to Adding Credential Images With or Without Validation Links on Wix, WordPress, and Squarespace --- [Skip to content](https://help.virtualbadge.io/article/embed-your-credentials-to-your-website#main-content) - [English](https://help.virtualbadge.io/article/embed-your-credentials-to-your-website) - [Deutsch](https://help.virtualbadge.io/de/article/wie-sie-ihre-badges-und-zertifikate-auf-ihrer-website-präsentieren-können) English Show submenu for translations [Contact Support](https://help.virtualbadge.io/article/kb-tickets/new?hsLang=en) [![Virtualbadge.io White-2](https://help.virtualbadge.io/hs-fs/hubfs/logo/Virtualbadge.io%20White-2.png?width=300&height=40&name=Virtualbadge.io%20White-2.png)](https://www.virtualbadge.io/) Open main navigation Close main navigation - - [English](https://help.virtualbadge.io/article/embed-your-credentials-to-your-website) - [Deutsch](https://help.virtualbadge.io/de/article/wie-sie-ihre-badges-und-zertifikate-auf-ihrer-website-präsentieren-können) English Show submenu for translations - [Contact Support](https://help.virtualbadge.io/article/kb-tickets/new) - [Go to Admin Dashboard](https://admin.virtualbadge.io/) [Go to Admin Dashboard](https://admin.virtualbadge.io/) Hello! How can we help you? - There are no suggestions because the search field is empty. 1. [Help Articles Virtualbadge.io](https://help.virtualbadge.io/article?hsLang=en) 2. [Access & Share Credentials](https://help.virtualbadge.io/article/access-share-credentials?hsLang=en) # 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](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/](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](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](https://help.virtualbadge.io/article/private-label-validation?hsLang=en) to learn more about it.   - [Onboarding & Setup](https://help.virtualbadge.io/article/onboarding-setup?hsLang=en) - [Features](https://help.virtualbadge.io/article/features?hsLang=en#main-content) - [Managing Credentials](https://help.virtualbadge.io/article/features?hsLang=en#managing-credentials) - [Recipient Management](https://help.virtualbadge.io/article/features?hsLang=en#recipient-management) - [Email Delivery & Customization](https://help.virtualbadge.io/article/features?hsLang=en#email-delivery-customization) - [Sharing & Social Integrations](https://help.virtualbadge.io/article/features?hsLang=en#sharing-social-integrations) - [Security & Verification](https://help.virtualbadge.io/article/features?hsLang=en#security-verification) - [Insights & Reporting](https://help.virtualbadge.io/article/features?hsLang=en#insights-reporting) - [Credential Design](https://help.virtualbadge.io/article/credential-design?hsLang=en) - [Access & Share Credentials](https://help.virtualbadge.io/article/access-share-credentials?hsLang=en) - [Trainer Module](https://help.virtualbadge.io/article/trainer-module?hsLang=en#main-content) - [Trainer module settings](https://help.virtualbadge.io/article/trainer-module?hsLang=en#trainer-module-settings) - [Creating a Training](https://help.virtualbadge.io/article/trainer-module?hsLang=en#creating-a-training) - [Recipients in the Trainer Module](https://help.virtualbadge.io/article/trainer-module?hsLang=en#recipients-in-the-trainer-module) - [Integrations & API](https://help.virtualbadge.io/article/integrations-api?hsLang=en) - [Account & Billing](https://help.virtualbadge.io/article/account-billing?hsLang=en#main-content) - [Billing](https://help.virtualbadge.io/article/account-billing?hsLang=en#billing) - [Organisation Settings](https://help.virtualbadge.io/article/account-billing?hsLang=en#organisation-settings) - [User Settings](https://help.virtualbadge.io/article/account-billing?hsLang=en#user-settings) - [Element Library](https://help.virtualbadge.io/article/account-billing?hsLang=en#element-library) - [Organisation Hub](https://help.virtualbadge.io/article/organisation-hub?hsLang=en) - [FAQs](https://help.virtualbadge.io/article/faqs?hsLang=en#main-content) - [Credential Management](https://help.virtualbadge.io/article/faqs?hsLang=en#credential-management) - [Trainer Module](https://help.virtualbadge.io/article/faqs?hsLang=en#trainer-module) - [Email & Delivery Issues](https://help.virtualbadge.io/article/faqs?hsLang=en#email-delivery-issues) [![Chill listening crop-3](https://help.virtualbadge.io/hs-fs/hubfs/Virtualbadge.io%20Dark%20(2).png?width=181&height=24&name=Virtualbadge.io%20Dark%20(2).png "Chill listening crop-3")](https://www.virtualbadge.io/) Virtualbadge.io Help Center Copyright © 2026, FutureNext GmbH