Home Admin

Embed Snippet on Your Site

<script src="https://library.wpcode.com/embedjs/y266j462.js/"></script>

om-nextjs14-layout.tsx

OptinMonster Team PRO

<10

Code Preview

Comments


	`import '@/app/ui/global.css';`
	`import {RouteChangeListener} from '@/app/route-change-listener.tsx';`

	`export default function RootLayout({`
	`children,`
	`}: {`
	`children: React.ReactNode;`
	`}) {`
	`return (`
	`<html lang="en">`
	`<body>`
	`{children}`
	`<script type="text/javascript" src="/js/OptinMonster.js"></script>`
	`<RouteChangeListener/>`
	`</body>`
	`</html>`
	`);`
	`}`

import '@/app/ui/global.css';
import {RouteChangeListener} from '@/app/route-change-listener.tsx';
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
      {children}
      <script type="text/javascript" src="/js/OptinMonster.js"></script>
      <RouteChangeListener/>
      <script>var rocket_beacon_data = {"ajax_url":"https:\/\/library.wpcode.com\/wp-admin\/admin-ajax.php","nonce":"09f3a6f1c2","url":"https:\/\/library.wpcode.com\/snippet\/y266j462","is_mobile":false,"width_threshold":1600,"height_threshold":700,"delay":500,"debug":null,"status":{"atf":true},"elements":"img, video, picture, p, main, div, li, svg, section, header, span"}</script><script data-name="wpr-wpr-beacon" src='https://library.wpcode.com/wp-content/plugins/wp-rocket/assets/js/wpr-beacon.min.js' async></script></body>
    </html>
  );
}

Other Snippets by Author

Untitled Snippet

document.addEventListener('om.Campaign.load', function(event) { console.log(event.detail); } );

Preview Use Snippet

OptinMonster Team PRO

<10

specific-element-custom-font.css

div#om-{{id}} .my-headline * { font-family: "Proxima Nova", Helvetica, "Helvetica Neue", Arial, sans-serif !important; }

Preview Use Snippet

OptinMonster Team PRO

<10

om-available.js

document.addEventListener('om.Campaign.load', function(event) { console.log(event.detail); } );

Preview Use Snippet

OptinMonster Team PRO

<10

slide-left-center.css

html div#om-{{id}} { left: 0 !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px…

Preview Use Snippet

OptinMonster Team PRO

<10

slide-right-center.css

html div#om-{{id}} { margin-right: -20px !important; height: 540px !important; top: calc(540px / 2) !important; bottom: calc(540px…

Preview Use Snippet

OptinMonster Team PRO

<10

slide-top-left.css

html div#om-{{id}} { top: 0px !important; bottom: unset !important; right: auto !important; margin-left: 20px !important; transition:…

Preview Use Snippet

OptinMonster Team PRO

<10

Embed Snippet on Your Site

om-nextjs14-layout.tsx

Comments

Add a Comment Cancel Reply