Cost Component: Adding to a page | Scribe

    Cost Component: Adding to a page

      alert ordinal icon
      Alert! Set up your **Cost** content types first. [See this guide for steps](https://scribehow.com/shared/Cost_Component_Adding_Cost_content_type__nwwu3hAOTn-zVeDT-X3maA?referrer=documents).
      1
      Identify the Component selector within the Main Content section of your page. **Click the ellipsis to open the component selector**.
      2
      Click "list"
      3
      Locate and click "**Cost Component**" from the component selector.
      4
      Give the new Cost Component its required **headline text**. Add optional **description text** if needed.
      Give the new Cost Component its required **headline text**. Add optional **description text** if needed.
      5
      **Populate the CTA field with a URL and link text.** Give your link an ARIA label to make it more accessible:\ Click "ATTRIBUTES"\ Click "ARIA Label"\ Enter ARIA text.
      **Populate the CTA field with a URL and link text.** Give your link an ARIA label to make it more accessible:\ Click "ATTRIBUTES"\ Click "ARIA Label"\ Enter ARIA text.
      6
      Set the View. "**Cost Selector**" should be available in the View drop down.
      Set the View. "**Cost Selector**" should be available in the View drop down.
      7
      Click "**Add medi**a" to select a background image for the component.
      8
      Identify an image in the media library to set as background.
      9
      Click Insert Selected
      10
      Save or Preview your work.
      11
      Click through the options on your Cost Component to ensure they are displaying as expected. Click "Which university location?"
      Click through the options on your Cost Component to ensure they are displaying as expected. Click "Which university location?"