Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

tireconnect_logo.pngImage Added

Table of Contents
minLevel1
maxLevel2
outlinefalse
styledefault
typelist
printabletrue

WordPress

...

Setup Basics

Access Your WordPress Admin Dashboard

Log in to your WordPress site by visiting yourwebsite. com/wp-admin. Enter your username and password to access the admin dashboard.

Choose Where to Embed the HTML

You can embed HTML in various sections of your WordPress site, including:

  • Posts

  • Pages

  • Widgets

...

Embed HTML in a Post or Page

Create or Modify a Post/Page:

  1. In the dashboard, navigate to either Posts or Pages.

  2. Click Add New or select an existing post/page to edit.

    image-20250116-132843.png

    image-20250116-132903.png

Switch to Text Mode:

  1. Once you're in the editor, locate the preview field and switch to Text Mode (or Code Editor in some versions of WordPress).

    image-20250116-132944.png
  2. This will display the raw HTML code for the page.

...

  1. Decide where the widget should be placed on the page. For example, below the header element.

  2. In the code, find the closing tag for the header element (</header>).

  3. Paste the widget's HTML code below the closing header tag.

Preview and Apply Changes:

  1. Click the Preview Changes button in the top-right corner to see how the widget will appear.

    Animation.gif
  2. If you're satisfied, click the Update button to save your changes.

    image-20250116-134629.png

...

  1. Return to the Edit page.

  2. Delete or modify the widget's code in Text Mode.

  3. Click Update to apply the changes.

...

Embed HTML within a Widget

Access the Widgets Section:

...

View the Embedded Widget:
Use the page link to review the embedded widget in action.

Shopify

...

Embed the Widget in the Website's HTML Code

Access the Theme Code:

  1. Log in to your Shopify Admin at http://shopify.com .

  2. Navigate to Online Store > Themes > Actions > Edit Code.

    image-20250116-130209.png

...

  1. Click the Save button to apply your changes.

  2. Use the Preview Store button to check how the widget appears on your site.

    image-20250116-130252.png

...

Embed the Widget in the Home, Product, or Collection Page

Access the Theme Customizer:

...

  1. Paste the widget code into the Liquid Code field.

  2. Click Save to apply the changes.

    image-20250116-130818.png

GoDaddy

1. Access Your GoDaddy Account

...