How to add Yahoo email list subscribe box to page?

I have trawled through many pages of search results here, on Yahoo Support and general internet search but cannot find any questions and answers about this issue.

I want to embed a Yahoo Email List (Group) “subscribe box” within a page but when I preview the page it shows code rather than the subscription box.

All that needs to be entered into the subscription box is the email address to be subscribed to the Yahoo email list.

The code to embed the form looks like this (I have substituted the actual name of the group with “name-of-group”):

<form method="get"
      action="https://groups.yahoo.com/subscribe/name-of-group"
      style="background-color: #ffc; width: 254px; padding: 2px 4px">
  <h6 style="font-weight: bold; margin-bottom: 5px; text-align: center">
      Subscribe to name-of-group</h6>
  <input style="vertical-align: top"
      type="text"
      name="user"
      value="enter email address"
      size="20" />
  <input type="image" alt="Click to join name-of-group"
      name="Click to join name-of-group"
      src="https://us.i1.yimg.com/us.yimg.com/i/yg/img/i/us/ui/join.gif" />
  <p style="text-align: center;">
  Powered by <a href="https://us.groups.yahoo.com/">us.groups.yahoo.com</a></p>
</form>

I would be grateful for any advice.

Best wishes,
CrlyWrly