Schema confusion

Hi….. simple question really. I’m wanting to add schema to specific pages of my website but I’m not clear on how this should be done. Below is schema that AI put together for me but how would I go about adding this via RankMath?

When I click the SCHEMA option within RankMath (attached) I’m only seeing a few form fields here (Headline, Description, Shortcode, Service Type), how do I add all of the below? Or should I NOT be adding all of the below? It’s confusing… any insight appreciated.

Screenshot: https://www.dropbox.com/scl/fi/i936a8ogam5vtb6bdm9ae/Screenshot-2024-08-16-at-8.42.54-AM.png?rlkey=piawnq1uv4aro7hsh6x5idse0&dl=0

{
“@context”: “https://schema.org”,
“@type”: “RoofingContractor”,
“name”: “Premier Roofing and Contracting”,
“description”: “Premier Roofing and Contracting offers top-tier roofing services including repairs, replacements, and inspections in Austin, San Antonio, and Fort Worth, Texas.”,
“url”: “https://www.premierroofingcontracting.com”,
“logo”: “https://www.premierroofingcontracting.com/logo.png”,
“telephone”: “+1-800-123-4567”,
“address”: {
“@type”: “PostalAddress”,
“streetAddress”: “123 Main St”,
“addressLocality”: “Austin”,
“addressRegion”: “TX”,
“postalCode”: “78701”,
“addressCountry”: “US”
},
“sameAs”: [
“https://www.facebook.com/PremierRoofing”,
“https://www.twitter.com/PremierRoofing”,
“https://www.instagram.com/PremierRoofing”
],
“areaServed”: {
“@type”: “Place”,
“name”: [“Austin”, “San Antonio”, “Fort Worth”],
“address”: {
“@type”: “PostalAddress”,
“addressRegion”: “TX”,
“addressCountry”: “US”
}
},
“openingHours”: [
“Mo-Fr 08:00-18:00”,
“Sa 09:00-15:00”
],
“priceRange”: “$$$”,
“aggregateRating”: {
“@type”: “AggregateRating”,
“ratingValue”: “4.8”,
“reviewCount”: “245”
},
“serviceOffer”: [
{
“@type”: “Service”,
“serviceType”: “Roof Repair”,
“description”: “Expert roof repair services to fix leaks, damage, and more.”
},
{
“@type”: “Service”,
“serviceType”: “Roof Replacement”,
“description”: “Complete roof replacement services to ensure your home or business is protected.”
},
{
“@type”: “Service”,
“serviceType”: “Roof Inspection”,
“description”: “Thorough roof inspection services to assess the condition of your roof.”
}
]
}