Help

DiscussCategory: Plugin installationPlugin Endless Loading
Lee S. asked 2 years ago

Hello-

I’m just getting into BEE Plugin and am trying to get it to mount on the page. Here’s the code I’m using to initialize the editor:

<script src="https://app-rsrc.getbee.io/plugin/BeePlugin.js">

<div id="bee-plugin-container">

<script type="text/javascript">

$(function() {

BeePlugin.create(

<?php echo json_encode($bee_credentials); ?>,

{

uid: "<?php echo md5(SITE . $user->id); ?>",

container: "bee-plugin-container"

},

function(beePluginInstance) {

beePluginInstance.start(‘{"page":{"title":"","description":"","template":{"name":"template-base","type":"basic","version":"0.0.1"},"body":{"type":"mailup-bee-page-proprerties","container":{"style":{"background-color":"#FFFFFF"}},"content":{"style":{"font-family":"Arial, \’Helvetica Neue\’, Helvetica, sans-serif","color":"#000000"},"computedStyle":{"linkColor":"#0068A5","messageBackgroundColor":"transparent","messageWidth":"500px"}}},"rows":[{"type":"one-column-empty","container":{"style":{"background-color":"transparent"}},"content":{"style":{"background-color":"transparent","color":"#000000","width":"500px"}},"columns":[{"grid-columns":12,"modules":[{"type":"mailup-bee-newsletter-modules-empty","descriptor":{}}],"style":{"background-color":"transparent","padding-top":"5px","padding-right":"0px","padding-bottom":"5px","padding-left":"0px","border-top":"0px dotted transparent","border-right":"0px dotted transparent","border-bottom":"0px dotted transparent","border-left":"0px dotted transparent"}}]}]}}’);

}

);

});

I end up with a throbber spinner gif that never goes away. No errors in the console.

The only thing I can think of is that I’m currently on a plane and the internet is just too slow to handle it.

Any other ideas?

1 Answers
Lee S. answered 2 years ago

I figured it out. I was passing a JSON string to beePluginInstance.start() instead of an object.

Your Answer