Интеграция функционала в шаблон

При переносе сайта на WP, возникла проблема с интеграцией калькулятора и формы отправки данных по API. На сайте меня интересует вот эта часть http://prntscr.com/mtkxrw.

Я выкачал со старого сайта файлы отвечающие за это. Блок написан в HTML ивызывается файлом index, и к нему подвязаны несколько файлов css и js. Вот дерево http://prntscr.com/mtkzla.

Теперь вопрос, как интегрировать это в шаблон?

Я разместил папку в корне шаблона, переименовал index.html в calculate.php. После этого в в хедере (мне нужно чтобы калькулятор отображался на всех страницах сайта)вызвал этот файл через get_template_part. Но я так и не понял как подключить css и js, которые находятся в папке с файлами калькулятора. На старом сайте они были подключены в самом файле index.html (

<link href="css/styles.css" media="all" rel="stylesheet" type="text/css" />