Как сверстать письмо из Caldera Forms?

Question

[Михаил]

Всем привет!
На сайте Wordpress сделали форму с помощью плагина Caldera Forms.
Там разные инпуты, селекты, поля и т.д.
Форма отправляется на почту.
В письме все данные есть, но хотелось бы их оформить более красиво.
А сейчас они просто в виде строк текста.
Я пытался в настройках в поле "Email сообщение" сверстать как обычно верстается web страница, но не получается что-то ничего, там если только инлайн стили прописывать, то как-то еще можно...
А как это делается обычно?
Может какие плагины есть специальные для оформления писем из формы?

Answer 1

[yarovikov]

Так это инлайн-стилями все и делается. И на таблицах желательно. Погуглите, почему в оформлении писем до сих все так печально.

Comments

[Михаил]

ну да, в принципе норм, можно что-то как-то....
просто думал может есть какие-то способы более менее цивильные

[yarovikov]

Михаил, неа. По факту делаете html документ внутри поля

[Михаил]

не , а если таблицей, то как, прописывать для каждой td, tr инлайн стили ?

[Михаил]

yarovikov, внутри поля это как , какого поля ?

[yarovikov]

Михаил, можно классы. А все стили выше прописать между <style></style>

[yarovikov]

Михаил, ну там, где у вас шаблон письма настраивается

[Михаил]

yarovikov,

А все стили выше прописать между...

нет, вот это как раз и не получается , я конечно так и думал сначала сделать, но они не подхватываются, а когда пишу инлайн, то подхватываются

[Михаил]

вот к примеру
я написал так, часть стилей инлайн, а часть между тегами style
и вот те которые между тегами - они не работают

<table style="width: 100%;border-collapse:collapse;border-spacing:0;border: 1px solid #595959;">
	<tbody>
		<tr>
			<td colspan="4">Заголовок</td>
		</tr>
		<tr>
			<td>Строка1-Ячейка1</td>
			<td>Строка1-Ячейка2</td>
			<td>Строка1-Ячейка3</td>
			<td>Строка1-Ячейка4</td>
		</tr>
		<tr>
			<td>Строка2-Ячейка1</td>
			<td>Строка2-Ячейка2</td>
			<td>Строка2-Ячейка3</td>
			<td>Строка2-Ячейка4</td>
		</tr>
		<tr>
			<td>Строка3-Ячейка1</td>
			<td>Строка3-Ячейка2</td>
			<td>Строка3-Ячейка3</td>
			<td>Строка3-Ячейка4</td>
		</tr>
		<tr>
			<td colspan="4">Строка</td>
		</tr>
		<tr>
			<td>Строка4-Ячейка1</td>
			<td>Строка4-Ячейка2</td>
			<td>Строка4-Ячейка3</td>
			<td>Строка4-Ячейка4</td>
		</tr>
		<tr>
			<td>Строка5-Ячейка1</td>
			<td>Строка5-Ячейка2</td>
			<td>Строка5-Ячейка3</td>
			<td>Строка5-Ячейка4</td>
		</tr>
		<tr>
			<td>Строка6-Ячейка1</td>
			<td>Строка6-Ячейка2</td>
			<td>Строка6-Ячейка3</td>
			<td>Строка6-Ячейка4</td>
		</tr>
	</tbody>
</table>

<style>
table{
width: 100%;
border-collapse:collapse;
border-spacing:0
}
table, td, th {
border: 1px solid #595959;
}
 td, th {
padding: 3px;
width: 30px;
height: 25px;
}
th {
background-color: #7accee!important;
}
</style>

[yarovikov]

Михаил, вставьте стили в начале

[Михаил]

yarovikov, да! если в начале, то работают! ураа! спасибо:)